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
|
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.