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

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

元素遍历

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

参见 Jquery API

---

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 (-).

---