2020 年 12月 10 日随笔档案 - Tsunami黄嵩粟

2020年12月10日

摘要： localStorage 也是浏览器提供的功能,作用与 cookie 类似区别: 1 , cookie前端,后端都可以操作 localStorage 只有前端可以操作 2 , cookie 可以设定时效,过期自动删除 localStorage 默认是永久存在 3, cookie 可以存储内容比较阅读全文

posted @ 2020-12-10 14:15 Tsunami黄嵩粟阅读(66) 评论(0) 推荐(0)

jquery中封装了三种ajax请求方式

摘要： // jQuery中封装了3种 ajax 请求方式 // 1, get请求方式 // 2, post请求方式 // 3, 综合请求方式 // 1, get请求方式 // 语法 : $().get( {以对象的形式,定义4个参数} ) // 只有 url地址,是必要参数,其他可以不写 // get方式阅读全文

posted @ 2020-12-10 13:56 Tsunami黄嵩粟阅读(313) 评论(0) 推荐(0)

jquery的树状菜单

摘要： <body> <ul> <li>一级菜单 <ol> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> </ol> </li> <li>一级菜单 <ol> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> 阅读全文

posted @ 2020-12-10 13:39 Tsunami黄嵩粟阅读(159) 评论(0) 推荐(0)

自定义动画 jquery的结束动画

摘要： <button name="width">改变宽</button> <button name="height">改变高</button> <button name="all">改变宽高</button> <div></div> <script src="./jquery.min.js"></scri 阅读全文

posted @ 2020-12-10 13:33 Tsunami黄嵩粟阅读(156) 评论(0) 推荐(0)

jquery的折叠动画渐隐渐显动画

摘要： <button name="up">折叠隐藏</button> <button name="down">折叠显示</button> <button name="toggle">折叠切换</button> <div></div> <script src="./jquery.min.js"></scri 阅读全文

posted @ 2020-12-10 11:49 Tsunami黄嵩粟阅读(103) 评论(0) 推荐(0)

jquery的节点的替换节点的克隆

摘要： // 节点的替换 / 标签的替换 // 1 , $('已有标签').replaceWith(替换的新的标签) // 替换所有 // 将已有的span标签,替换成超链接a 标签 $('span').replaceWith( $('<a href="http://www.baidu.com">百度</ 阅读全文

posted @ 2020-12-10 11:26 Tsunami黄嵩粟阅读(104) 评论(0) 推荐(0)

jquery浏览器的上卷高度节点的创建和写入节点的删除

摘要： // js 的兼容语法 // let scrollT = document.documentElement.scrollTop || document.body.scrollTop; // jq 直接定义,jq来处理兼容问题 // $(window).scrollTop() // $(window) 阅读全文

posted @ 2020-12-10 11:13 Tsunami黄嵩粟阅读(89) 评论(0) 推荐(0)

标签的占位元素的坐标

摘要： <style> div{ width: 200px; height: 200px; padding: 100px; border: 10px solid #000; margin: 50px; /* 内减模式怪异盒模型 */ /* box-sizing: border-box; */ } </st 阅读全文

posted @ 2020-12-10 11:09 Tsunami黄嵩粟阅读(65) 评论(0) 推荐(0)

jquery的循环 tab切换

摘要： <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <script src="./jquery.min.js"></script> <script> // jQuery的循环 // 1 , 隐式迭代 // 会自动给伪数阅读全文

posted @ 2020-12-10 11:08 Tsunami黄嵩粟阅读(205) 评论(0) 推荐(0)

特殊事件的绑定

摘要： jQuery 1,选择器支持所有html和css允许的语法注意: (1),操作结果一定是一个伪数组 jQuery获取的伪数组不能直接使用js语法进行操作 js语法获取的标签对象,也不能使用jQuery来操作 (2),转化: $()[索引] jQuery转js,只能是js语法操作 $(js标签对象阅读全文

posted @ 2020-12-10 11:04 Tsunami黄嵩粟阅读(63) 评论(0) 推荐(0)

jquery的绑定和删除

摘要： // 基本语法形式 $().on( 事件类型 , 事件处理函数 ) // 删除事件处理函数 // 必须绑定的是函数名称才能删除绑定的事件处理函数 // $().off( 事件类型 , 事件处理函数名称 ) // $('div').on( 'click' , ()=>{ // console.l 阅读全文

posted @ 2020-12-10 10:57 Tsunami黄嵩粟阅读(105) 评论(0) 推荐(0)