What does attr mean in javascript
Feb 08, 2022 am 11:14 AMIn JavaScript, attr is an attribute operation method, which can set or return the attribute value of the selected element. The syntax is "$(selector).attr(attribute)" or "$(selector) .attr(attribute,value)”.
The operating environment of this tutorial: Windows 10 system, JavaScript version 1.8.5, Dell G3 computer.
What does attr mean in javascript
attr() method sets or returns the attribute value of the selected element.
Returns the attribute value of the selected element.
Syntax
$(selector).attr(attribute)
attribute specifies the attribute whose value is to be obtained.
Set the attributes and values of the selected element.
Syntax
$(selector).attr(attribute,value)
attribute specifies the name of the attribute.
value Specifies the value of the attribute.
Set the attributes and values of the selected element.
$(selector).attr(attribute,function(index,oldvalue))
attribute specifies the name of the attribute.
function(index,oldvalue) specifies the function that returns the attribute value.
This function can receive and use the index value of the selector and the current attribute value.
Set more than one attribute and value for the selected element.
Syntax
$(selector).attr({attribute:value, attribute:value ...})
attribute:value Specifies one or more attribute/value pairs.
The example is as follows:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("img").attr("width",function(n,v){ return v-50; }); }); }); </script> </head> <body> <img src="/static/imghw/default1.png" data-src="/i/eg_smile.gif" class="lazy" style="max-width:90%" style="max-width:90%" / alt="What does attr mean in javascript" > <br /> <button>减少图像的宽度 50 像素</button> </body> </html>
Output result:
After clicking the button:
Related recommendations: javascript learning tutorial
The above is the detailed content of What does attr mean in javascript. For more information, please follow other related articles on the PHP Chinese website!

Hot Article

Hot tools Tags

Hot Article

Hot Article Tags

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

How do you parse and process HTML/XML in PHP?
