jQuery选择器大于空格波浪线加号

最新推荐文章于 2024-05-22 20:10:50 发布

SaneFuture

最新推荐文章于 2024-05-22 20:10:50 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaWeb

本文链接：https://blog.youkuaiyun.com/cor_twi/article/details/50808606

21 篇文章

订阅专栏

本文详细解释了JQuery中四种不同的选择器符号：空格、大于号、加号及波浪号的使用方法及其含义。空格表示获取所有子孙节点；大于号用于选择直接子节点；加号获取紧邻的兄弟节点；波浪号则获取所有后续兄弟节点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JQuery选择器大于空格波浪线加号的区别

符号	说明
空格	$(‘parent child’)表示获取parent下的所有的child节点（所有的子孙）。
大于号	$(‘parent > child’)表示获取parent下的所有叫child的儿子(第一代)。
加号	$(‘pre + nextbrother’)表示获得pre节点的下一个兄弟节点，相当于next()方法
波浪号	$(‘pre ~ brother’)表示获取pre节点的后面的所有兄弟节点，相当于nextAll()方法。

Child Selector (“parent > child”)

Selects all direct child elements specified by “child” of elements specified by “parent”.

Descendant Selector (“ancestor descendant”)

Selects all elements that are descendants of a given ancestor.

Next Adjacent Selector (“prev + next”)

Selects all next elements matching “next” that are immediately preceded by a sibling “prev”.

Next Siblings Selector (“prev ~ siblings”)

Selects all sibling elements that follow after the “prev” element, have the same parent, and match the filtering “siblings” selector.

Attribute Contains Prefix Selector [name|=”value”]

Selects elements that have the specified attribute with a value either equal to a given string or starting with that string followed by a hyphen (-).