phpQuery 选择器
优质
小牛编辑
127浏览
2023-12-01
下面选择器规则完全适用于QueryList 。
- Basics
- Hierarchy
- Basic Filters
- Content Filters
- Visibility Filters
- Attribute Filters
- Child Filters
- Forms
- Form Filters
Selectors are the heart of jQuery-like interface. Most of CSS Level 3 syntax is implemented (in state same as in jQuery).
Example
pq(".class ul > li[rel='foo']:first:has(a)")->appendTo('.append-target-wrapper div')->...
Basics
- #id Matches a single element with the given id attribute.
- element Matches all elements with the given name.
- .class Matches all elements with the given class.
- * Matches all elements.
- selector1, selector2, selectorN Matches the combined results of all the specified selectors.
Hierarchy
- ancestor descendant Matches all descendant elements specified by "descendant" of elements specified by "ancestor".
- parent > child Matches all child elements specified by "child" of elements specified by "parent".
- prev + next Matches all next elements specified by "next" that are next to elements specified by "prev".
- prev ~ siblings Matches all sibling elements after the "prev" element that match the filtering "siblings" selector.
Basic Filters
- :first Matches the first selected element.
- :last Matches the last selected element.
- :not(selector) Filters out all elements matching the given selector.
- :even Matches even elements, zero-indexed.
- :odd Matches odd elements, zero-indexed.
- :eq(index) Matches a single element by its index.
- :gt(index) Matches all elements with an index above the given one.
- :lt(index) Matches all elements with an index below the given one.
- :header Matches all elements that are headers, like h1, h2, h3 and so on.
- :animated Matches all elements that are currently being animated.
Content Filters
- :contains(text) Matches elements which contain the given text.
- :empty Matches all elements that have no children (including text nodes).
- :has(selector) Matches elements which contain at least one element that matches the specified selector.
- :parent Matches all elements that are parents - they have child elements, including text.
Visibility Filters
none
Attribute Filters
- [attribute] Matches elements that have the specified attribute.
- [attribute=value] Matches elements that have the specified attribute with a certain value.
- [attribute!=value] Matches elements that don't have the specified attribute with a certain value.
- [attribute^=value] Matches elements that have the specified attribute and it starts with a certain value.
- [attribute$=value] Matches elements that have the specified attribute and it ends with a certain value.
- [attribute*=value] Matches elements that have the specified attribute and it contains a certain value.
- [selector1selector2selectorN] Matches elements that have the specified attribute and it contains a certain value.
Child Filters
- :nth-child(index/even/odd/equation) Matches all elements that are the nth-child of their parent or that are the parent's even or odd children.
- :first-child Matches all elements that are the first child of their parent.
- :last-child Matches all elements that are the last child of their parent.
- :only-child Matches all elements that are the only child of their parent.
Forms
- :input Matches all input, textarea, select and button elements.
- :text Matches all input elements of type text.
- :password Matches all input elements of type password.
- :radio Matches all input elements of type radio.
- :checkbox Matches all input elements of type checkbox.
- :submit Matches all input elements of type submit.
- :image Matches all input elements of type image.
- :reset Matches all input elements of type reset.
- :button Matches all button elements and input elements of type button.
- :file Matches all input elements of type file.
- :hidden Matches all elements that are hidden, or input elements of type "hidden".
Form Filters
- :enabled Matches all elements that are enabled.
- :disabled Matches all elements that are disabled.
- :checked Matches all elements that are checked.
- :selected Matches all elements that are selected.
Read more at Selectors section on jQuery Documentation Site.