最近在复习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)
设置或返回所选元素的文本内容: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()
返回被选元素的直接父元素:parent()
返回被选元素的所有祖先元素:parents()
返回介于两个给定元素之间的所有祖先元素:parentsUntil()
返回被选元素的所有直接子元素:children()
返回被选元素的所有后代元素:find()
//直接子元素就是它的儿子,儿子可以不仅仅是一个 //所有后代包括儿子、孙子等等,一直往后所有的后代元素
返回被选元素的所有同胞元素:siblings()
返回被选元素的下一个同胞元素:next()
返回被选元素的所有跟随(后面的)的同胞元素:nextAll()
返回介于两个给定参数之间的所有跟随的同胞元素:nextUntil()
返回被选元素的首个元素:first()
返回被选元素的最后一个元素:last()
返回被选元素中带有指定索引号的元素:eq()
寻找匹配的元素:filter()
寻找与其不匹配的元素(与filter()相反):not()
(个人总结,不足与错误的地方希望指点)
原文:https://www.cnblogs.com/xsdds/p/10636196.html