Base 2. jquery Filter Selector

1. Base selector:

Name	Description	Example
#id	Select based on element ID	$ ("divID") select element with ID divid
Element	Depending on the name of the element, select	$ ("a") Select all <a> elements
. class	Based on the CSS class selection of the element	$ (". bgred") Select the element for which the CSS class is bgred
*	Select all elements	$ ("*") Select all elements of the page
Selector1, Selector2, Selectorn	You can separate several selectors with "," and then spell a selector string. The contents of these selectors will be selected at the same time.	$ ("#divId, A,. bgred")

2. Basic Filter

Name	Description	Example
: First	Match the first element found	Find the first row of a table: $ ("Tr:first")
: Last	Match the last element found	Find the last line of the table: $ ("Tr:last")
: Not (selector)	Removes all elements that match a given selector	Find all the unselected input elements: $ ("Input:not (: Checked)")
: Even	Matches all elements with an even number of index values, counting from 0	Find table 1, 3, 5 ... line: $ ("Tr:even")
: Odd	Matches all elements with an odd index value, counting from 0	Find 2, 4, and 6 rows of a table: $ ("tr:odd")
: EQ (Index)	An element that matches a given index value Note: Index is counted starting from 0	Find second line: $ ("Tr:eq (1)")
: GT (Index)	Match all elements greater than the given index value Note: Index is counted starting from 0	Find the second third row, where the index value is 1 and 2, or greater than 0: $ ("tr:gt (0)")
: LT (Index)	Select elements with index less than N in the result set Note: Index is counted starting from 0	Find the first second row, that is, the index value is 0 and 1, which is smaller than 2: $ ("Tr:lt (2)")
: Header	Select All header tags of the h1,h2,h3 category.	Add background color to all headings in the page: $ (": Header"). CSS ("Background", "#EEE");
: Animated	Matches all elements that are performing an animation effect	An animated effect is only performed on elements that do not animate: $ ("#run"). Click (function () { $ ("Div:not (: Animated)"). Animate ({left: "+=20"}, 1000); });

3. Content Filter

Name	Description	Example
: Contains (text)	Matches the element containing the given text	Find all DIV elements that contain "John": $ ("Div:contains (' John ')")
: Empty	Matches all empty elements that do not contain child elements or text	Find all empty elements that do not contain child elements or text: $ ("Td:empty")
: Has (selector)	Matches the element that contains the element that the selector matches	Add a text class to all DIV elements that contain the P element: $ ("Div:has (P)"). AddClass ("test");
:p arent	Match elements that contain child elements or text	Find all TD elements that contain child elements or text: $ ("td:parent")

4. Visibility filter

Name	Description	Example
: Hidden	Match all the Invisible elements Note: In the 1.3.2 release, hidden matches an element that itself or the parent does not occupy space in the document. If you use the CSS visibility property so that it does not display but occupies a placeholder, you do not enter hidden.	Find all the Invisible TR elements: $ ("Tr:hidden")
: Visible	Match all visible elements	Find all the Visible TR elements: $ ("tr:visible")

5. Attribute Filter

Name	Description	Example
[Attribute]	Match the element containing the given property	Find all DIV elements that contain ID attributes: $ ("Div[id]")
[Attribute=value]	Matches a given property as an element of a particular value	Find all the name attribute is the INPUT element of newsletter: $ ("input[name= ' newsletter ')"). attr ("Checked", true);
[Attribute!=value]	Matches a given property is an element that does not contain a particular value	Find all the name attributes that are not newsletter input elements: $ ("input[name!= ' newsletter ')"). attr ("Checked", true);
[Attribute^=value]	Matches a given property is an element that starts with some value	$ ("input[name^= ' News ']")
[Attribute$=value]	Matches a given property is an element that ends with some value	Find all input elements with the name ' letter ': $ ("input[name$= ' letter ']")
[Attribute*=value]	Matches a given property to an element that contains some value	Find all the input elements that name contains ' man ': $ ("input[name*= ' Man ']")
[AttributeFilter1] [AttributeFilter2] [Attributefiltern]	A composite property selector that needs to be used when multiple conditions are met.	Find all the ID attributes, and its name attribute is the end of the man: $ ("input[id][name$= ' Man ']")

6. Sub-element filter

Name	Description	Example
: Nth-child (Index/even/odd/equation)	Matches the nth child or odd and even element under its parent element ': EQ (index) matches only one element, and this will match child elements for each parent element. : Nth-child starting from 1, and: Eq () is from 0! You can use: Nth-child (even) : Nth-child (Odd) : Nth-child (3n) : Nth-child (2) : Nth-child (3n+1) : Nth-child (3n+2)	Find the 2nd Li in each UL: $ ("UL Li:nth-child (2)")
: First-child	Match first child element ': First ' matches only one element, and this selector will match one child element for each parent element	Find the first Li in each UL: $ ("ul Li:first-child")
: Last-child	Match last child element ': Last ' matches only one element, and this selector will match one child element for each parent element	Find the last Li in each ul: $ ("ul Li:last-child")
: Only-child	If an element is the only child element in the parent element, it will be matched If the parent element contains other elements, it will not be matched.	Find the LI in ul that is the only child element: $ ("ul Li:only-child")

7. Form selector(the form only works as if it were all the values in Type= "")

Name	Description	Explain
: input	Matches all input, textarea, select, and button elements	To find all input elements: $ (": input")
: Text	Match all the text boxes	Find all text boxes: $ (": Text")
:p Assword	Match all Password boxes	Find all Password boxes: $ (":p Assword")
: Radio	Match all radio buttons	Find all radio buttons
: checkbox	Match all check boxes	Find all check boxes: $ (": checkbox")
: Submit	Match all Submit buttons	Find all Submit buttons: $ (": Submit")
: Image	Match all image fields	Match all image fields: $ (": Image")
: RESET	Match all reset buttons	Find all reset buttons: $ (": Reset")
: button	Match all buttons	Find all buttons: $ (": Button")
: File	Match all file domains	Find all file domains: $ (": File")

8. Form Filter

Name	Description	Explain
: Enabled	Match all available elements	To find all available input elements: $ ("input:enabled")
:d isabled	Match all unavailable elements	To find all input elements that are not available: $ ("input:disabled")
: Checked	Matches all selected selected elements (Checkboxes, radio boxes, etc., excluding option in select)	Find all selected check box elements: $ ("input:checked")
: Selected	Match all of the selected option elements	To find all selected option elements: $ ("Select Option:selected")

Base 2. jquery Filter Selector