- 本地存储：1、数据存储在浏览器中；2、设置、读取方便，甚至页面刷新也不会丢失数据；3、容量大；4、只能存储字符串
- window.sessionStorage：1、生命周期为关闭浏览器窗口；2、同一个窗口页面数据可以共享；3、以键值对的形式进行存储
- 存储数据：sessionStorage.setItem（key，value)
- 获取数据：sessionStorage.getItem（key)
- 删除数据：sessionStorage.removeItem（key)
- window.localStorage：1、生命周期永久生效，除非手动删除；2、同一个窗口页面数据可以共享；3、以键值对的形式进行存储
- 存储数据：localStorage.setItem（key，value)
- 获取数据：localStorage.getItem（key)
- 删除数据：localStorage.removeItem（key)
- 删除所有数据：localStorage.clear()
- window.sessionStorage：1、生命周期为关闭浏览器窗口；2、同一个窗口页面数据可以共享；3、以键值对的形式进行存储
- jQuery：快速的、简洁的JavaScript库 ;$是JavaScript的别称；$是JavaScript的顶级对象
- 基本使用：
- 1、下载：官网地址-- https//jquery.com/
- 2、获取元素：$（'span'）
- 3、DOM对象和jQuery对象互换：
- DOM转换为jQuery：$（DOM对象）
- jQuery转换为DOM ：$('div')[index]、$('div').get(index)
- 补充：1、$（function（）{ }）；2、$（document）.ready（function（）{ }）；
- jQuery常用API
- jQuery基础选择器：$('选择器')
- 隐式迭代：把匹配的所有元素内部进行遍历，给每一个元素添加css这个方法
- jQuery筛选选择器：
- 链式编程：节省代码量---$(this).css('color','red').sibling().css('color','')
- jQuery样式操作：
- 1、操作css方法
- 1、参数只写属性名，返回属性值
- 2、参数是属性名、属性值、逗号分隔，是设置一组样式，属性必须加引号，值如果是数字可以不用跟单位和引号
- 3、参数可以是对象形式，方便设置多组样式，属性名和属性值用冒号隔开，属性可以不加引号
- 设置类样式方法：添加类：$（"div"）.addClass("current");
- 1、操作css方法
- jQuery效果（jQuery API中文文档）
- show（[speed,[easing],[fn]]）
- speed：三种预定速度的字符串之一或者表示动画时长的毫秒数
- easing：用来指定切换效果--默认swing，可用参数“linear”
- fn：回调函数，在动画完成时执行一次函数，每个元素执行一次
- stop（）：方法用于停止动画或者效果，写在动画或者效果的前面
- fadeTo（speed，opacity，[ ]）:速度和修改透明度
- animate（params，[speed]，[easing]，[fn] ）：
- params：想要改变的样式属性，以对象形式传递，必须写，属性名可以不用带引号，如果时符合属性则采用驼峰命名法，
- speed：三种预定速度的字符串之一或者表示动画时长的毫秒数
- easing：用来指定切换效果--默认swing，可用参数“linear”
- fn：回调函数，在动画完成时执行一次函数，每个元素执行一次
- jQuery属性操作：
- 获得属性值：element.prop（“属性名”）例如：$（“a”）.prop（“herf”）；
- 设置属性值：attr（“属性”，“属性值”）
- jQuery内容文本值
- 获取元素内容：html（）、text（）、val（）--表单
- 设置元素内容：html（“内容”）、text（“内容”）、val（“内容”）
- 补充：.toFixed（2）--保留两位小数
- jQuery元素操作：主要是指遍历、创建、添加、删除元素
- 遍历：$("div").each(function (index,domEle){ xxx;}),domEle是DOM元素对象
- 创建：$("<li></li>");
- 添加：
- 内部添加：element.append("内容")--后面；element.prepend("内容")--前面
- 外部添加：element.after("内容")--后面；element.before("内容")--前面
- 删除：
- element.remove()--删除匹配元素本身
- element.empty()--删除匹配严肃集合中所有的子节点
- element.html("")--清空匹配的元素内容
- jQuery尺寸、位置操作
- 尺寸操作
- 位置操作：
- 1、offset（）：设置或获得元素偏移，相对于文档的位置 ，跟父级没有关系
- position（）获取元素偏移量，用于返回被选择的元素相对于父级的偏移量，如果父级没有定位，则以文档为准，只能获取，不能设置偏移量
- scrollTop（）/ scrollLeft（）：设置或获取元素被卷去的头部和左侧
- 尺寸操作
- 基本使用：
jQuery--本地存储
转载请注明出处或者链接地址：https://www.qianduange.cn//article/12393.html
相关文章
-
运行npm error code ENOENTnpm error syscall opennpm error path C:\Users\ultra\Desktop\Vue-Project\pac
-
前端提高篇（102）：jQuery高级方法callbacks、deferred
-
【常见错误】npm ERR! code CERT_HAS_EXPIRED & errno CERT_HAS_EXPIRED
-
vue前端页面弹出红色报错遮罩层 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack
-
npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to https://registry.
-
JQuery中的load()、$
-
《WEB前端框架开发技术》HTML5响应式旅游景区网站——榆林子州HTML CSS JavaScript (1)
-
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
-
【html】新建一个html并且在浏览器运行
-
SSM基于html的网上购物系统2nluo 在线充值
发布的文章
运行npm error code ENOENTnpm error syscall opennpm error path C:\Users\ultra\Desktop\Vue-Project\pac
2024-08-27 09:08:17
前端提高篇（102）：jQuery高级方法callbacks、deferred
2024-05-09 11:05:34
解决npm install 报错 “npm err code 1“
2024-06-06 10:06:47
【常见错误】npm ERR! code CERT_HAS_EXPIRED & errno CERT_HAS_EXPIRED
2024-04-22 09:04:34
vue前端页面弹出红色报错遮罩层 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack
2024-03-29 15:03:20
npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to https://registry.
2024-04-20 17:04:38
JQuery中的load()、$
2024-05-10 08:05:15
《WEB前端框架开发技术》HTML5响应式旅游景区网站——榆林子州HTML CSS JavaScript (1)
2024-10-30 21:10:12
大家推荐的文章