jquery Filter Detailed

1. Select objects

1). Basic

• #id match an element based on the given ID. For example: $ ("#id")

element matches all elements based on the given element name. For example: $ ("div")

·. class matches elements according to the given class. For example: $ (". Style1");

* matches all elements. For example: $ ("*")

Selector1,selector2,selectorn The elements that match each selector are merged and returned together. For example: $ ("#id, Div,.style1")

2). Form

:button matches all buttons. For example: $ (": Button")

:checkbox matches all check boxes. For example: $ (": checkbox")

:file matches all file domains. For example: $ (": File")

:hidden matches all invisible elements, or elements of type hidden. For example: $ ("Input:hidden")

:image matches all image fields. For example: $ (": Image")

:input matches all input, textarea, select, and button elements. For example: $ (": input")

•:p assword match all password boxes. For example: $ (":p Assword")

:radio matches all radio buttons. For example: $ (": Radio")

:reset matches all reset buttons. Example: $ (": Reset")

:submit matches all submit buttons. For example: $ (": Submit")

:text matches all of the Single-line text boxes. For example: $ (": Text")

:header matches header elements such as H1, H2, H3, and so on. For example: $ (": Header"). CSS ("Background", "#EEE");

2. Screening criteria

1). Attribute filtering

· [Attribute*=value] matches the given property to an element that contains some values. For example: $ ("input[name*= ' Man '")

· [Attribute!=value] matches all elements that contain the specified property, but the property is not equal to a particular value. For example: $ (input[name!= ' man ');

· [Attribute$=value] matches the given property as an element that ends with some value. For example: $ ("input[name$= ' Man ']")

· [Attribute=value] matches the element of a given property that is a particular value. For example: $ ("Input[name= ' Man ']");

· [attribute] matches the element that contains the given property. For example: $ ("div[id]")

· [Attribute^=value] matches the given property as an element that starts with some value. For example: $ ("input[name^= ' Man ']")

More Wonderful content: http://www.bianceng.cn/webkf/jquery/

· [Selector1] [Selector2] [Selectorn] satisfies multiple conditions at the same time. For example: $ ("input[id][name$= ' Man ']")

Unity3d Script http://www.unitymanual.com

:hidden matches all the invisible elements. For example: $ ("Tr:hidden")

:visible matches all the visible elements. For example: $ ("tr:visible")

:checked matches all selected selected elements (check boxes, radio boxes, and so on, excluding option in select). For example: $ ("input:checked")

•:d isabled matches all unavailable elements. For example: $ ("input:disabled")

:enabled matches all available elements. For example: $ ("input:enabled")

:selected matches all selected option elements. For example: $ ("Select Option:selected")

2). Content filtering

:contains (text) matches the element that contains the given text. For example: $ ("Div:contains (' John ')")

:empty matches all empty elements that do not contain child elements or text. For example: $ ("Td:empty")

:has (selector) matches the element that contains the element that the selector matches. For example: $ ("Div:has (P)");

•:p arent matches elements that contain child elements or text. For example: $ ("td:parent")

3). Hierarchy filtering

ancestor descendant matches all descendant elements under a given ancestor element. Example: $ ("form input")

parent > Child matches all children under a given parent element. For example: $ ("form > Input")

prev + next matches all the next elements immediately after the Prev element. Example: $ ("label + input")

prev ~ Siblings matches all siblings elements after the Prev element. For example: $ ("form ~ input")

:first-child matches the first child element. For example: $ ("ul Li:first-child")

:last-child matches the last child element. For example: $ ("ul Li:last-child")

:nth-child (index/even/odd/equation) matches the nth child or parity element under its parent element. For example: $ ("ul Li:nth-child (2)")

:o Nly-child If an element is the only child element in the parent element, it will be matched. For example: $ ("ul Li:only-child")

4). Method selection

:animated matches all the elements that are performing an animation effect. For example: $ ("div:animated");

:eq (index) matches an element of a given index value. For example: $ ("Tr:eq (1)")

:even matches all elements with an even number of index values, counting from 0 onwards. For example: $ ("Tr:even")

:first matches the first element found. For example: $ ("Tr:first")

:GT (index) matches all elements that are greater than the given index value, counting starting at 0. For example: $ ("tr:gt (0)")

:last matches the last element found. For example: $ ("Tr:last")

:lt (index) matches all elements that are less than the given index value. For example: $ ("Tr:lt (2)")

:not (selector) removes all elements that match the given selector. For example: $ ("Input:not (: Checked)")

:o DD matches all elements that have an odd index value, counting starting at 0. For example: $ ("tr:odd")