本地存储
JQuery入门
jQuery概述
jQuery基本使用
DOMContentLoaded 等DOM主要元素加载完成后就去执行。不需等待外部资源加载完毕后执行。
更推荐使用第一种方式
$(function(){
....
});
jQuery常见API
jQuery选择器
索引号从零开始
1.都是方法,使用要加小括号
2.站在父子兄的角度查找元素
下拉菜单
重点记住:parent() children() find() siblings() eq()
排他思想更加简单 ,因为隐式迭代的存在
得到当前元素的索引号$(this).index()
jQuery样式操作
参数是对象形式 添加样式时,如果是复合样式
样式之间用,分隔
如果是复合属性必须采用驼峰命名法(backgroundColar),如果值不是数字,则用引号
jQuery效果
参数加[]表示该参数可以省略
slidedown
slideup
slidetoggle同理
当只写一个函数时,鼠标经过和离开都会触发这个函数
stop()方法要写在动画前面
opacity不透明度
高亮显示案例
动画都有排队问题
记得使用stop()
自定义动画
jQuery属性操作
prop获取元素固有属性
自定义属性通过attr 获取
该方法也可以获取h5自定义属性
date()
把元素当一个变量来看,把数据存放到内存里面
这个方法获取date-index H5自定义属性 不用写date- 而且返回值为数字型
全选案例分析
第一部分
第二部分
:checked 选择器返回有多少个复选框被选中
jQuery文本属性值(内容文本值)
substr()截取
parents(‘选择器’)查找祖先级元素 返回指定的祖先元素
保留两位小数
jQuery元素操作
添加元素
jQuery尺寸、操作位置
offset()获取的是对象形式
position()获取的父级定位的相对位置数据;只能获取相对位置的left top 的数据对象;不能进行修改
scrollTop()被卷去的头部;
可以通过scrollTop()进行赋值操作;
scrollLeft()同理;
scroll滚动事件
动画对象不能是文档而是HTML 和body元素做动画;
animate前面一定是元素
节流阀 互斥锁 flag变量的设置
jQuery事件
jQuery事件注册
单个事件注册弊端,一个元素的多个事件,需要重复书写
jQuery事件处理
事件绑定在父级元素,但触发事件需要自己元素触发事件
触发对象是子级元素
on()方法优势3:
可以给未来动态创建的元素绑定事件
留言发布案例
创建评论
给a添加click事件
利用 on的事件委托
事件解绑
off方法可以移除通过on方法添加的事件处理程序
只触发一次事件的事件处理方法
自动触发事件
jQuery事件对象
jQuery其他方法
jQuery拷贝对象
target被赋值 object 被复制
多库共存
jQuery插件
图片懒加载
vs里面可以使用ctrl+h快捷键进行替换
bootstrap js组件
bootstrap js插件
todolist综合案例