jQuery attribute value selector

The jQuery attribute value selector is used to filter out all elements in a page which have the specified attribute and he specified value for the attribute, the syntax for this selector is.

$([attribute name = attribute value])

In this post we shall see on how to use the jQuery attribute value selector to select all elements in a page which have a specific attribute, with the specified value.

The following script lists out all the elements in the page which have the attribute “border”, and a value of 0 for the border attribute

    $("[border='0']").each(function() {

        alert('Attribute Value In Selector:' + $(this).attr('id'));

    });

The following script lists out all the elements in the page which have the attribute “border”, and a value of 0 for the border attribute, on click of the btnAttributeSelector button.

$('#btnAttributeSelector).click(function(event) {

    event.preventDefault();
    //                          

    // Attribute - Attribute Value In Selector

    $("[border='0']").each(function() {

        alert('Attribute Value In Selector:' + $(this).attr('id'));

    });
});

Related Post
jQuery attribute Selectors
jQuery id selector
jQuery class selector
jQuery attribute exists selector
jQuery attribute value selector
jQuery attribute with type selector
jQuery attribute with type and value IN selector
jQuery attribute with type and value NOT IN selector
jQuery attribute with dropdown type selector
jQuery attribute with checkbox type selector
jQuery attribute selector Example