插件:jq22.com;
jq的使用
jQquery的dom操作:
原生选择出来是一个标签,jq是数组
选择出是数组,更改样式时,
选择器:
直接支持大部分CSS3选择器,$( )
id 选择器失明特性
class选择器选择后不需循环,所有的都会变化
属性选择器,中括号
cont+span后的,,cont~span 后的所有的
群组选择器。类似 queryselectall
方法的性能高
选择非
选择时选择为空,方法是全部清空
可见选择器
内容选择器
内容类:
判断四否存在,返回布尔
样式和属性类:(增删改查)
设置可见属性
css:(增删改查)
遍历对象 .each()
尺寸类:
节点类:
$("<div>")//创建元素
使用creatElement创建的元素不能使用innerHTML插入
prepend在开头插入子元素,before在之前插入一个兄弟
删除:html(" ");清空内容
替换:更改标签;克隆传参true,代表也克隆事件
.eq( ):筛选,根据index,index是jq给的不需要定义
应用:电商的楼层效果(锚点链接)
jq动画
延迟或停止操作:delay()延迟,停止stop()立即结束当前,开始下一个
stop(false,true)第一个参数控制队列,第二个控制当前动画
动画的全局设置:
动画的开关,关了会瞬间到终点。
jq事件:
dom0级:不能重复绑定,赋值式绑定
dom2:可重复绑定,监听式绑定
jq都是dom2
1.事件作为方法绑定,不能删除
2 .on()绑定事件:封装好了事件委托,可以删除 // off()删除事件
删除事件的别名.a
使用on做事件委托:
委托中指向父级,改写后指向当前
span为委托的,也可写选择器
3.bind方法绑定,可删除
4.hover事件绑定:只能绑定鼠标进入和离开,没有事件冒泡,相当于封装onmouseenter
事件委托:
5.one绑定一次事件:
一次性的事件,触发完自动删除
触发事件冒泡:
6.trigger事件,自动执行
trigger会事件冒泡,triggerHandle不会触发事件冒泡
jq中的事件对象直接就是event
event.type
1.canclebubble;2.return value;
return false;既可以阻止冒泡也可以阻止默认事件
自定义动画
queue给不具有回调函数的异步方法。,提供同步的方法