jQuery基本api的用法
2019-03-08 本文已影响0人
弹指一挥间_e5a3
.eq
对于一个特定结果集,获取到指定index的jQuery对象,比如以下例子中,像选取第三个child,所以我们选取下标为2的。

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

next()括号中的内容还可以做判断,例如上面图片的如果是next('.ok')则没有。
.nextAll / .prevAll
nextAll获得每个匹配元素集合中每个元素所有后面的同辈元素,选择性筛选的选择器,prevAll与之相反,获取元素前面的同辈元素。

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

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

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

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

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

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