Attribute selectors

In this chapter you will learn:

What are the syntax for attribute selectors
List of 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`.

Next chapter...

What you will learn in the next chapter:

Home » jQuery » jQuery Selector

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)

Form Disabled form element (input:disabled)

Form Checked box (input:checked)

Form Selected option (input:selected)

Element at index (:eq(n))

Greater than (:gt(n))

Less than (:lt(n))

First (:first)

Last (:last)

Even element (:even)

Odd element (:odd)

parent (:parent)

Contains text (:contains(text))

Contains element (:has(E))

Visible (:visible)

Hidden (:hidden)

Header element (:header)

Currently animating (:animated)

$(this) selector

Custom User Selectors

Escape characters