首頁  >  文章  >  web前端  >  javascript中attr是什麼意思

javascript中attr是什麼意思

WBOY
WBOY原創
2022-02-08 11:14:298888瀏覽

在JavaScript中,attr是一種屬性運算方法,可以設定或傳回被選取元素的屬性值,語法為「$(selector).attr(attribute)」或「$(selector) .attr(attribute,value)」。

javascript中attr是什麼意思

本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。

javascript中attr是什麼意思

attr() 方法設定或傳回被選元素的屬性值。

傳回被選元素的屬性值。

語法

$(selector).attr(attribute)

attribute 規定要取得其值的屬性。

設定被選元素的屬性和值。

語法

$(selector).attr(attribute,value)

attribute 規定屬性的名稱。

value 規定屬性的值。

設定被選元素的屬性和值。

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

attribute 規定屬性的名稱。

function(index,oldvalue)規定傳回屬性值的函數。

此函數可接收並使用選擇器的 index 值和目前屬性值。

為被選元素設定一個以上的屬性和值。

語法

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

attribute:value 規定一個或多個屬性/值對。

範例如下:

<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"    style="max-width:90%"  style="max-width:90%" / alt="javascript中attr是什麼意思" >
<br />
<button>减少图像的宽度 50 像素</button>
</body>
</html>

輸出結果:

javascript中attr是什麼意思

#點擊按鈕後:

javascript中attr是什麼意思

##相關推薦:

javascript學習教學
#

以上是javascript中attr是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn