美文网首页
jQuery选择器

jQuery选择器

作者: hhh_hhhhhh | 来源:发表于2018-08-29 20:13 被阅读0次

    parent()寻找父节点

    如果页面结构是这样

    取到的是上一级的元素

    那如果要取类名为a的元素呢?下面

    parents()寻找所有父节点

    页面结构如上

    这次取到4个元素,类名为a的div,类名为b的div,还有body,html。

    那如果我只要一个类名为b的div呢?

    只需在parents选择器中添加你需要的类名就可以了。(类名,id,标签名都可以)

    那如果要取类名为bb的div呢?下面

    siblings()寻找兄弟节点

    页面结构如上

    b类名的元素寻找到4个兄弟元素,ba,bb,bc,bd。

    而要获取类名为bb的div就和上面的parent()大同小异了。

    在选择器里写上你需要获取的类名就可以了。

    prev()取上一个兄弟元素,prevAll()取所有前面的兄弟元素

    还是延用上次的图,取到了上一个类名为bb的p标签。

    取到了类名为b的div之前所有的p标签。

    next(),nextAll()同上,就不多说了

    find()遍历寻找元素

    find可以寻找a类名下的任何元素,以类名,标签名寻找都可以。

    以类名寻找 以标签名寻找

    那如果只想找下一层的类名呢?(上图div有三层,就是只找第二层)

    在div前面加个 号就行了。ps:> 这个就是找直接元素,很多地方都能使用,并不局限与find()。

    eq()以索引寻找元素

    还是上图(假如无法加类名寻找的情况下),比如我要找第二个p标签,就是类名bb。(还有下标从0开始)

    prefect!

    first(),last()顾名思义,第一个元素,最后个元素

    就拿第一个p标签和最后一个p标签吧。

    没毛病,类名ba第一个p标签,类名pd最后一个p标签。(怕太多红框标出)

    最后讲一个今天碰到的吧。

    not()除了某某元素以外的选择器!!!

    如果,有100个元素,其中第一个和第50个要排除,怎么办?

    我不要bb,对。然后我就没选到它。这样就很好的解决的100里挑掉两个的麻烦事儿了。

    相关文章

      网友评论

          本文标题:jQuery选择器

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