# Attribute Contains Prefix Selector [name|="value"]

Categories: Selectors > Attribute

## attributeContainsPrefix selector

#### version added: 1.0jQuery('[attribute|="value"]')

- attribute
    An attribute name.
  value
    An attribute value. Quotes are mandatory.

Description: Selects elements that have the specified attribute with a value either equal to a given string or starting with that string followed by a hyphen (-).

This selector was introduced into the CSS specification to handle language attributes.

### Example:

#### Finds all links with an hreflang attribute that is english.

    <!DOCTYPE html>
    <html>
    <head>
      <style>
    a { display: inline-block; }
      </style>
      <script src="http://code.jquery.com/jquery-1.7rc2.js"></script>
    </head>
    <body>

      <a href="example.html" hreflang="en">Some text</a>

      <a href="example.html" hreflang="en-UK">Some other text</a>

      <a href="example.html" hreflang="english">will not be outlined</a>

    <script>
    $('a[hreflang|="en"]').css('border','3px dotted green');
    </script>

    </body>
    </html>

#### Demo: