當前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

javascript中attr是什么意思(JavaScript)

發布時間：2023/12/19 综合教程 37 生活家

生活随笔收集整理的這篇文章主要介紹了 javascript中attr是什么意思(JavaScript) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

本教程操作環境：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" width="128" height="128" />
<br />
<button>減少圖像的寬度 50 像素</button>
</body>
</html>

登錄后復制

輸出結果：

點擊按鈕后：

總結

以上是生活随笔為你收集整理的javascript中attr是什么意思(JavaScript)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。