jQuery filter selector usage analysis_jquery

The example in this article describes the usage of jQuery filter selector. Share it with everyone for your reference. The specific analysis is as follows:

In practice, a filter selector can be added to the basic selector to complete the query task. Depending on the specific situation, the index value, content, attributes, sub-element position, and form of the element can be used in the filter selector

Domain attributes and visibility as filter conditions

1. :first selector

Format:

is used Filter the current jQuery collection and select the first matching element

Example:

2. :last selector

Format:

is used Filter the current jQuery collection and select the last matching element
Example:

3. :odd selector

Format:

is used Select all elements with odd index (counting from 0)

Example:

4. :even selector

Format:

is used Select all elements with even index (counting from 0)

Example:

5. :eq selector

Format:

Used to select the element whose index is equal to the given value from the matching set

Example:

6. :gt selector

Format:

Used to select all elements from a matched set with index greater than a given value

Example:

7. :lt selector

Format:

Used to select all elements from a matched set with index greater than a given value

Example:

To find all elements with index greater than n1 and less than n2, you can use array selector,

8. :not selector

Format:

Used to remove all elements matching the given selector from the matched set

Example:

9. :header selector

Format:

for selection All heading elements like h1, h2, h3

10. :animated selector

Format:

is used Select all elements that are performing animation

Simple example: