Table of Contents
What does attr mean in javascript
Home Web Front-end Front-end Q&A What does attr mean in javascript

What does attr mean in javascript

Feb 08, 2022 am 11:14 AM
html javascript front end

In 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)”.

What does attr mean in javascript

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)
Copy after login

attribute specifies the attribute whose value is to be obtained.

Set the attributes and values ​​of the selected element.

Syntax

$(selector).attr(attribute,value)
Copy after login

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))
Copy after login

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 ...})
Copy after login

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>
Copy after login

Output result:

What does attr mean in javascript

After clicking the button:

What does attr mean in javascript

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!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

Nested Table in HTML

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Table Border in HTML

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

HTML margin-left

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

HTML Table Layout

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Moving Text in HTML

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

HTML Ordered List

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

HTML onclick Button

How do you parse and process HTML/XML in PHP? How do you parse and process HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

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

See all articles