首頁 >web前端 >前端問答 >jquery可以取得自訂屬性嗎

jquery可以取得自訂屬性嗎

WBOY原創: 2022-05-18 16:58:032125瀏覽

jquery可以取得自訂屬性；可以利用attr()方法來取得自訂屬性，該方法用於設定或傳回被選元素的屬性值，包括自訂屬性，當參數中只規定要取得的屬性時，就會傳回指定的屬性值，語法為「元素物件.attr(自訂屬性)」。

jquery可以取得自訂屬性嗎

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery可以取得自訂屬性嗎

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

根據該方法不同的參數，其工作方式也有所差異。

傳回被選元素的屬性值。

語法

$(selector).attr(attribute)

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

範例如下：

取得屬性-attr()

<div id="tiny" value="1090"></div>

jquery取值：

 $("#tiny").attr("value");

#取得自訂屬性

<div id="tiny" value="1090" data_obj="userDefineAttr"></div>

jquery取值：

$("#tiny").attr("data_obj");

範例如下：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    alert($("img").attr("city"));
  });
});
</script>
</head>
<body>
<img  src="/i/eg_smile.gif"    style="max-width:90%"  style="max-width:90%" city="hefei"/ alt="jquery可以取得自訂屬性嗎" >
<br />
<button>返回图像的宽度</button>
</body>
</html>

輸出結果：

jquery可以取得自訂屬性嗎

########################### ####點擊按鈕後：###############相關影片教學推薦：###jQuery影片教學#######

以上是jquery可以取得自訂屬性嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

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

上一篇：HTML5中畫布標籤是什麼下一篇：HTML5中畫布標籤是什麼

看更多