THE WORLD'S LARGEST WEB DEVELOPER SITE

jQuery attr() Method

❮ jQuery HTML/CSS Methods

Example

Set the width attribute of an image:

$("button").click(function(){
  $("img").attr("width","500");
});
Try it Yourself »

Definition and Usage

The attr() method sets or returns attributes and values of the selected elements.

When this method is used to return the attribute value, it returns the value of the FIRST matched element.

When this method is used to set attribute values, it sets one or more attribute/value pairs for the set of matched elements.


Syntax

Return the value of an attribute:

$(selector).attr(attribute)

Set the attribute and value:

$(selector).attr(attribute,value)

Set attribute and value using a function:

$(selector).attr(attribute,function(index,currentvalue))

Set multiple attributes and values:

$(selector).attr({attribute:value, attribute:value,...})

Parameter Description
attribute Specifies the name of the attribute
value Specifies the value of the attribute
function(index,currentvalue) Specifies a function that returns the attribute value to set
  • index - Receives the index position of the element in the set
  • currentvalue - Receives the current attribute value of selected elements

Try it Yourself - Examples

Return attribute value
How to return the value of an attribute for an element.

Set attribute and value using a function
How to use a function to set the attribute value for an element.

Set multiple attribute and value pairs
How to set multiple attributes/values for an element.


❮ jQuery HTML/CSS Methods