jQuery的常见属性、方法的介绍

最近在复习jQuery的知识点，简单整理一下，本文分三部分进行整理

一、jQuery的效果

隐藏：hide()

显示：show()

显示和隐藏来回切换：toggle()

//参数
$(selector).toggle(speed,callback)
//speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
//callback 参数是隐藏或显示完成后所执行的函数名称。

把已经隐藏的元素淡入出来：fadeIn()

把可见的元素淡出出去：fadeOut()

在淡入淡出来回切换：fadeToggle()

为给定的不透明度渐变：fadeTo()

//参数
$(selector).fadeIn(speed,callback);
$(selector).fadeOut(speed,callback);
$(selector).fadeToggle(speed,callback);
$(selector).fadeTo(speed,opacity,callback);
//必需的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
//可选的 callback 参数是该函数完成后所执行的函数名称。
//fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。

把已经隐藏的元素向下滑动出来（可以想象成卷帘门拉下来）： slideDown()

把可见的元素向上滑动至隐藏（可以想象成把已经拉下来的卷帘门再推上去）：slideUp() 

在向下滑动和向上滑动之间来回切换（先下后上和先上后下都可以）： slideToggle() 

//参数
$(selector).slideUp(speed,callback);
//可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
//可选的 callback 参数是滑动完成后所执行的函数名称。

自定义动画：animate()

//参数
$(selector).animate({params},speed,callback);
//必需的 params 参数定义形成动画的 CSS 属性。
//可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
//可选的 callback 参数是动画完成后所执行的函数名称。

//默认情况下，所有 HTML 元素都有一个静态位置，且无法移动。
//如需对位置进行操作，最好把把元素的 CSS position 属性设置为 relative、fixed 或 //absolute！
//如果使用margin，要注意marginLeft 而不是 margin-left

停止动画或效果，在它们完成之前： stop() 

//要注意的是， stop() 方法不仅是适用于自定义动画，适用于所有 jQuery 效果函数，    
//包括之前的滑动、淡入淡出

//参数
$(selector).stop(stopAll,goToEnd);
// stopAll表示后续动画是否要执行
//（true:后续动画不执行  ;false:后续动画会执行，默认是false）
// goToEnd表示当前动画是否执行完
//（true:立即执行完成当前动画  ;false:立即停止当前动画，默认是false）

二、jQuery HTML

设置或返回所选元素的文本内容：text()

设置或返回所选元素的内容（包括 HTML 标记）：html()

设置或返回表单字段的值：val()

获取属性值：attr()

在被选元素的结尾插入内容（把插入内容放在了该元素的内部，把插入元素当作儿子）：append()

在被选元素的开头插入内容（把插入内容放在了该元素的内部，把插入元素当作儿子）： prepend() 

在被选元素之后插入内容（把插入内容放在了该元素的屁股后面，把插入元素当作兄弟）：after()

在被选元素之后插入内容（把插入内容放在了该元素的脑袋前面，把插入元素当作兄弟）：before()

删除被选元素（及其子元素）：remove()

从被选元素中删除子元素(只删除子元素)：empty()

//remove() 方法也可接受一个参数，允许对被删元素进行过滤。
//该参数可以是任何 jQuery 选择器的语法。
//下面的例子删除 class="italic" 的所有 <p> 元素：
//$("p").remove(".italic");

 向被选元素添加一个或多个类：addClass()

 从被选元素删除一个或多个类：removeClass()

 对被选元素进行添加/删除类的切换操作toggleClass()

 设置或返回样式属性：css()

//返回指定的 CSS 属性的值
css("propertyname");
//设置指定的 CSS 属性
css("propertyname","value");
//设置多个 CSS 属性
css({"propertyname":"value","propertyname":"value",...});

设置或返回元素的宽度（不包括内边距、边框或外边距）：width()

设置或返回元素的高度（不包括内边距、边框或外边距）：height()

返回元素的宽度（包括内边距）：innerWidth()

返回元素的高度（包括内边距）：innerHeight()

返回元素的宽度（包括内边距和边框）：outerWidth()

返回元素的高度（包括内边距和边框）：outerHeight() 

 

 

三、jQuery遍历

返回被选元素的直接父元素：parent()

返回被选元素的所有祖先元素：parents()

返回介于两个给定元素之间的所有祖先元素：parentsUntil() 

返回被选元素的所有直接子元素：children()

返回被选元素的所有后代元素：find()

//直接子元素就是它的儿子，儿子可以不仅仅是一个
//所有后代包括儿子、孙子等等，一直往后所有的后代元素

返回被选元素的所有同胞元素：siblings()

返回被选元素的下一个同胞元素：next()

返回被选元素的所有跟随(后面的)的同胞元素：nextAll()

返回介于两个给定参数之间的所有跟随的同胞元素：nextUntil()

返回被选元素的首个元素：first()

返回被选元素的最后一个元素：last()

返回被选元素中带有指定索引号的元素：eq()

寻找匹配的元素：filter()

寻找与其不匹配的元素（与filter()相反）：not()

 

如果希望看到知识点对应的案例，点这里

 

 

（个人总结，不足与错误的地方希望指点）

转载于:https://www.cnblogs.com/xsdds/p/10636196.html