插件:jq22.com;
jq的使用
jQquery的dom操作:
选择器:
直接支持大部分CSS3选择器,$( )
id 选择器失明特性
class选择器选择后不需循环,所有的都会变化
属性选择器,中括号
cont+span后的,,cont~span 后的所有的
群组选择器。类似 queryselectall
可见选择器
内容选择器
内容类:
样式和属性类:(增删改查)
css:(增删改查)
尺寸类:
节点类:
$("<div>")//创建元素
使用creatElement创建的元素不能使用innerHTML插入
删除:html(" ");清空内容
.eq( ):筛选,根据index,index是jq给的不需要定义
应用:电商的楼层效果(锚点链接)
jq动画
延迟或停止操作:delay()延迟,停止stop()立即结束当前,开始下一个
stop(false,true)第一个参数控制队列,第二个控制当前动画
动画的全局设置:
jq事件:
dom0级:不能重复绑定,赋值式绑定
dom2:可重复绑定,监听式绑定
jq都是dom2
1.事件作为方法绑定,不能删除
2 .on()绑定事件:封装好了事件委托,可以删除 // off()删除事件
使用on做事件委托:
委托中指向父级,改写后指向当前
3.bind方法绑定,可删除
4.hover事件绑定:只能绑定鼠标进入和离开,没有事件冒泡,相当于封装onmouseenter
事件委托:
5.one绑定一次事件:
触发事件冒泡:
6.trigger事件,自动执行
trigger会事件冒泡,triggerHandle不会触发事件冒泡
jq中的事件对象直接就是event
event.type
return false;既可以阻止冒泡也可以阻止默认事件
自定义动画