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