jQuery-筛选器

2021-02-09 05:18

阅读:314

标签:item   筛选器   lan   第一个   一个   代码   选择器   span   rev   

jQuery筛选器

筛选器一般用于对选择器选中的标签进行再次筛选。

parent 父标签

HTML代码:

Hello

Hello

jQuery代码:

$("p").parent()

结果:

[

Hello

Hello

]

children 所有子标签

HTML代码:

Hello

Hello Again

And Again

jQuery代码:

$("div").children()

结果:

[ Hello Again ]

next 下一个兄弟标签

HTML代码:

Hello

Hello Again

And Again

jQuery代码:

$("p").next()

结果:

[ 

Hello Again

,
And Again
]

prev 上一个兄弟标签

HTML代码:

Hello

Hello Again

And Again

jQuery代码:

$("p").prev()

结果:

[ 
Hello Again
]

siblings 所有兄弟标签

HTML代码:

Hello

Hello Again

And Again

jQuery代码:

$("div").siblings()

结果:

[ 

Hello

,

And Again

]

find 子孙中查找标签

HTML代码:

Hello, how are you?

jQuery代码:

$("p").find("span")

结果:

[ Hello ]

first 匹配的第一个标签

HTML代码:

  • list item 1
  • list item 2
  • list item 3
  • list item 4
  • list item 5

jQuery代码:

$(‘li‘).first()

结果:

[ 
  • list item 1
  • ]

    last 匹配的最后一个标签

    HTML代码:

    • list item 1
    • list item 2
    • list item 3
    • list item 4
    • list item 5

    jQuery代码:

    $(‘li‘).last()
    

    结果:

    [ 
  • list item 5
  • ]

    jQuery-筛选器

    标签:item   筛选器   lan   第一个   一个   代码   选择器   span   rev   

    原文地址:https://www.cnblogs.com/Hedger-Lee/p/13062991.html


    评论


    亲,登录后才可以留言!