1.本地存储
特性: 1.数据存储在用户浏览器中 2.设置。读取方便,甚至页面刷新不丢失数据 3.容量较大 4.只能存储字符串,可以将对象JSON.stringify()编码后存储。
1.第一种方法
2.第二种方法
两个方法主要看的是生命周期的不同,看自己需要哪种,按实际情况进行选择。
2.jQuery入口函数
1.入口函数
$(function(){
.....
});
$(document).ready(function(){
....
});
1.等着 DOM 结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完毕,jQuery帮助我们完成了。 2.相当于原生js 中的DOMContentLoaded。 3.不同于原生js 中的load事件是等页面文档,外部的js文件,css文件,图片加载完毕才执行内部代码 4.更推荐使用第一种方式。
3.jQuery对象和DOM对象
DOM对象和jQuery之间可以相互转化 1.DOM转为jQuery对象:$(DOM对象) 2.jQuery转为DOM
$('div')[index] index是索引号
$('div').get(index) index是索引号
4.jQuery选择器
children只能找到儿子 要想找到孙子就得用find
注:在jQuery中一个重要的 隐式迭代 遍历内部DOM元素(伪数组形式存储) 的过程就叫做隐式迭代 简单理解: 给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我们再进行循环,简便我们的操作,方便我们调用。
5.jQuery操作样式
设置或获取元素固有属性值 prop()
6.jQuery动画效果
分为四组
1.显示隐藏
show()
hide()
toggle()
语法:
show([speed,[easing],[fn]])
1.参数都可以省略 2.speed 速度 3.easing:用来指定切换效果,默认是swing ,可用参数 ”linear“。 4.fn 回调函数,动画完成执行
2.滑动
slideDown()
slideUp()
slideToggle()
3.淡入淡出
fadeIn()
fadeOut()
fadeToggle()
fadeTo()
以上三组参数都相同
4.自定义动画
animate()
语法:
animate(params,[speed],[easing],[fn])
1.params 想要修改的样式属性,以对像形式传递,必须写 其余都相同
stop()
|