美文网首页
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