Attribute selectors
Syntax for attribute selectors
The following variations are equally correct:
Value | Examples |
---|---|
Bare words | $('a[rel=nofollow self]') |
Double quotes inside single quotes | $('a[rel="nofollow self"]') |
Single quotes inside double quotes | $("a[rel='nofollow self']") |
Escaped single quotes inside single quotes | $('a[rel=\'nofollow self\']') |
Escaped double quotes inside double quotes | $("a[rel=\"nofollow self\"]") |
All Attribute selectors
The following summarizes the different kinds of attribute selectors.
Attribute Selector | Select |
---|---|
elem[attr] | elements that match attribute attr. |
elem[attr=val] | elements that contain an attribute attr that match value val . |
elem[attr^=val] | elements that contain attribute attr and that begin with value val . |
elem[attr|=val] | elements with attribute values that either begin with val , or are equal to val . |
elem[attr$=val] | elements that contain attribute attr and that end with value val . |
elem[attr!=val] | elements that don't contain an attribute attr with value val . |
elem[attr~=val] | elements that contain an attribute attr with a value that contains the word val . Words are space delimited. |
elem[attr*=val] | elements that have the specified attribute attr with a value containing the a given substring val . |
...
Selector syntax
ID
Tag Name
Class Name
Descendant $('E F')
Child (E > F)
General sibling (E ~ F)
Multiple expressions (E, F, G)
Universal (*)
Filtering by Relationships
Numbered child (:nth-child(n/even/odd/expr)...
First child (:first-child)
Last child (:last-child)
Only child (:only-child)
Not (:not(E))
Empty (:empty)
Attribute equals ([foo=bar])
Attribute not equal ([foo!=bar])
Attribute begins with ([foo^=bar])
Attribute ends with ([foo$=bar])
Attribute contains ([foo*=bar])
Attribute contains word ([foo~=bar])
Attribute contains prefix ([foo|=bar])
Attribute exists $("[attributeName*='value'...
Form selector
Form input selector (:input)
Form text fields (input:text)
Form Password field (input:password)
Form Radio button (input:radio)
Form Checkbox (input:checkbox)
Form Submit button (input:submit)
Form Image button (input:image)
Form Reset button (input:reset)
Form button (input:button)
Form File upload (input:file)
Form Enabled form element (input:enabled)
...
Selector syntax
ID
Tag Name
Class Name
Descendant $('E F')
Child (E > F)
General sibling (E ~ F)
Multiple expressions (E, F, G)
Universal (*)
Filtering by Relationships
Numbered child (:nth-child(n/even/odd/expr)...
First child (:first-child)
Last child (:last-child)
Only child (:only-child)
Not (:not(E))
Empty (:empty)
Attribute selectors
Attribute existence([attr])Attribute equals ([foo=bar])
Attribute not equal ([foo!=bar])
Attribute begins with ([foo^=bar])
Attribute ends with ([foo$=bar])
Attribute contains ([foo*=bar])
Attribute contains word ([foo~=bar])
Attribute contains prefix ([foo|=bar])
Attribute exists $("[attributeName*='value'...
Form selector
Form input selector (:input)
Form text fields (input:text)
Form Password field (input:password)
Form Radio button (input:radio)
Form Checkbox (input:checkbox)
Form Submit button (input:submit)
Form Image button (input:image)
Form Reset button (input:reset)
Form button (input:button)
Form File upload (input:file)
Form Enabled form element (input:enabled)
...