jQuery Attribute selectors

Syntax for attribute selectors

The following variations are equally correct:

ValueExamples
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 SelectorSelect
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.




















Home »
  jQuery »
    jQuery Tutorial »




Basics
Selector
DOM
Event
Effect
Utilities