javascript中的attr方法怎么用

發(fā)布時(shí)間：2022-02-08 14:53:35 來(lái)源：億速云閱讀：2203 作者：iii 欄目：web開(kāi)發(fā)

這篇文章主要介紹“javascript中的attr方法怎么用”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“javascript中的attr方法怎么用”文章能幫助大家解決問(wèn)題。

在JavaScript中，attr是一種屬性操作方法，該方法可以設(shè)置或返回被選元素的屬性值，語(yǔ)法為“$(selector).attr(attribute)”或者“$(selector).attr(attribute,value)”。

本教程操作環(huán)境：windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript中attr是什么意思

attr() 方法設(shè)置或返回被選元素的屬性值。

返回被選元素的屬性值。

語(yǔ)法

$(selector).attr(attribute)

attribute 規(guī)定要獲取其值的屬性。

設(shè)置被選元素的屬性和值。

語(yǔ)法

$(selector).attr(attribute,value)

attribute 規(guī)定屬性的名稱。

value 規(guī)定屬性的值。

設(shè)置被選元素的屬性和值。

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

attribute 規(guī)定屬性的名稱。

function(index,oldvalue)規(guī)定返回屬性值的函數(shù)。

該函數(shù)可接收并使用選擇器的 index 值和當(dāng)前屬性值。

為被選元素設(shè)置一個(gè)以上的屬性和值。

語(yǔ)法

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

attribute:value 規(guī)定一個(gè)或多個(gè)屬性/值對(duì)。

示例如下：

<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="/i/eg_smile.gif" width="128" height="128" />
<br />
<button>減少圖像的寬度 50 像素</button>
</body>
</html>

輸出結(jié)果：

javascript中的attr方法怎么用

點(diǎn)擊按鈕后：

javascript中的attr方法怎么用

關(guān)于“javascript中的attr方法怎么用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

向AI問(wèn)一下細(xì)節(jié)

javascript中的attr方法怎么用

javascript中attr是什么意思

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽