文档就绪事件:$(document).ready(function(){ // 开始写 jQuery 代码... });
一、jq常见DOM事件:
鼠标事件:click,dbclick,mouseenter,mouseleave
键盘事件:keypress,kedown,keyup
表单事件:submit,change,focus,blur
文档窗口事件:load,resize,scroll,unload
二、Jq常见效果:
1)隐藏/显示:hide(),show(),toggle() 也有speed和callback
2)淡入淡出:fadeIn() fadeOut() fadeToggle() fadeTo() 也有speed和callback
3)滑动:slideDown(),slideUp(),slideToggle() 也有speed和callback
4)动画/停止动画:animate(),stop() 也有speed和callback
5)callback:基本上所有的样式函数都支持回调
6)链: $("#p1").css("color","red").slideUp(2000).slideDown(2000);链接上一个动作顺序执行
三、Jq 对HTML的操作:
1)捕获和设置:
text()设置或返回文本内容,
html()设置或返回所选元素内容(包括HTML)
val() 设置或返回表单字段的值
attr() 获取属性值存在callback
2)添加删除元素
append() 在被选元素结尾插入内容
prepend 在被选元素开头插入内容
after() 在被选元素之后插入内容
before() 在被选元素之前插入内容
【注】append/prepend是在选择元素内部嵌入。after/before 是在元素外面追加。
remove() 删除被选元素(及其子元素)
empty() 从被选元素中删除子元素
【注】remove()方法可以接受一个参数,用于对被删元素过滤,如("p").css("background-color");
2)设置css属性(一个或多个都可以)
四、Jq遍历元素节点:
parent()返回被选元素的父元素
parents() 返回被选元素的所有祖先元素,一直到html的根节点结束
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
children() 返回被选元素的所有直接子元素
find() 返回被选元素的所有后代后代元素,一直到最后一个后代
siblings()返回被选元素的所有兄弟元素
next()下一个兄弟元素---prev()nextAll()下行查找的所有兄弟元素
prevAll()nextUntil() 介于给定的两个元素之间的所有兄弟元素 ---
prvUntil过滤
first()返回查找的一个元素
last()最后一个元素
filter()参数过滤查找到的所有元素
not()返回不匹配的查找到的所有元素