JQuery常用方法

文档就绪事件:$(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()方法可以接受一个参数,用于对被删元素过滤,如(“div1”).remove(“.abc”)删除class=”abc”的所有<div>元素 3)jq操作 cssaddClass() 向被选元素添加一个或多个类 removeClass() 从被选元素删除一个或多个类 toggleClass() 对被选元素进行添加或删除类的切换动作css() 设置或返回被选元素的样式属性css() 这个方法很强大: 1)返回指定的css属性值(首个匹配元素)("p").css("background-color");
2)设置css属性(一个或多个都可以)

四、Jq遍历元素节点:
parent()返回被选元素的父元素
parents() 返回被选元素的所有祖先元素,一直到html的根节点结束
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
children() 返回被选元素的所有直接子元素
find() 返回被选元素的所有后代后代元素,一直到最后一个后代
siblings()返回被选元素的所有兄弟元素
next()下一个兄弟元素---prev()nextAll()下行查找的所有兄弟元素
prevAll()nextUntil() 介于给定的两个元素之间的所有兄弟元素 ---
prvUntil过滤
first()返回查找的一个元素
last()最后一个元素
filter()参数过滤查找到的所有元素
not()返回不匹配的查找到的所有元素

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容