美文网首页
jQuery基本api的用法

jQuery基本api的用法

作者: 弹指一挥间_e5a3 | 来源:发表于2019-03-08 14:04 被阅读0次

.eq

对于一个特定结果集,获取到指定index的jQuery对象,比如以下例子中,像选取第三个child,所以我们选取下标为2的。

image.png

.next / .prev:兄弟元素获取

next取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素。prev正好相反,获取元素之前的同辈元素。

image.png

next()括号中的内容还可以做判断,例如上面图片的如果是next('.ok')则没有。

.nextAll / .prevAll

nextAll获得每个匹配元素集合中每个元素所有后面的同辈元素,选择性筛选的选择器,prevAll与之相反,获取元素前面的同辈元素。

image.png

.siblings

获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器


image.png

.parent / .parents

parent是获取一个祖先元素,parents是获取所有的祖先元素。

image.png

.children / .find

find比children要广,children是寻找直接子元素,find可以寻找所有后代元素中特定的。


image.png

.filter

筛选当前结果集中符合条件的对象,参数可以是一个选择器或者一个函数,下面的图片就是找寻child元素中内容为2的。


image.png

.has

筛选匹配元素集合中的那些有相匹配的选择器或DOM元素的后代元素

image.png

.is

判断当前匹配的元素集合中的元素,是否为一个选择器,DOM元素,或者jQuery对象,如果这些元素至少一个匹配给定的参数,那么返回true

image.png

相关文章

网友评论

      本文标题:jQuery基本api的用法

      本文链接:https://www.haomeiwen.com/subject/xfscpqtx.html