Attribute selectors
Attribute selectors are a particularly helpful subset of CSS selectors. They allow us to specify an element by one of its HTML attributes, such as a link's title
attribute or an image's alt
attribute. For example, to select all images that have an alt
attribute, we write the following:
$('img[alt]')
Styling links
Attribute selectors accept a wildcard syntax inspired by regular expressions for identifying the value at the beginning (^
) or end ($
) of a string. They can also take an asterisk (*
) to indicate the value at an arbitrary position within a string or an
exclamation mark (!
) to indicate a negated value.
Let's say we want to have different styles for different types of links. We first define the styles in our stylesheet: ...
Get Learning jQuery - Fourth Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.