Attribute Starts With [attr^="value"] JQ Home  <<  Selectors  <<  Attribute Starts With [attr^="value"]

Prefix match selector.

Shorthand version $('[attr^="value"]')

Description

The [attr^="value"] selector, selects all elements that have the specified attribute name with a starting value matching the specified string.

Syntax

Signature Description
jQuery('[attr^="value"]')Prefix match

Parameters

Parameter Description
attrThe attribute name.
valueThe attribute value which can be either an unquoted single word or a quoted string.

Return

N/A.

Attribute Starts With [attr^="value"] Example Selectors  <<  Top

Selects all elements that have the specified attribute name with a starting value matching the specified string.

The following example will select 'a' elements within 'h4' elements with a 'href' attribute that starts with 'c' and place a red border around those links. For our example this is all the indented links within the right sidebar that start with the letter 'c'.




$(function(){
  $('#btn19').on('click', function() {
    $('h4 a[href^="c"]').css('border', '1px solid red');
  });
}); 


Press the buttons below to action the above code:

Related Tutorials

jQuery Basic Tutorials - Lesson 3 - CSS Selectors