溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jquery如何得到元素中id的內(nèi)容

發(fā)布時間:2022-06-08 10:33:57 來源:億速云 閱讀:172 作者:zzz 欄目:web開發(fā)

本文小編為大家詳細介紹“jquery如何得到元素中id的內(nèi)容”,內(nèi)容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“jquery如何得到元素中id的內(nèi)容”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

jquery能得到元素中id的內(nèi)容;可以利用attr()方法獲取,該方法用于設置或返回被選元素的屬性和值,當用于返回指定元素的屬性值時,返回的只是第一個匹配元素的值,語法為“$(selector).attr("id")”。

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

jquery獲取元素id的內(nèi)容

jquery能得到元素中id的內(nèi)容

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

當該方法用于返回屬性值,則返回第一個匹配元素的值。

當該方法用于設置屬性值,則為匹配元素設置一個或多個屬性/值對。

語法為:

返回屬性的值

$(selector).attr(attribute)

語法擴展

設置屬性和值:

$(selector).attr(attribute,value)

使用函數(shù)設置屬性和值:

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

設置多個屬性和值:

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

示例如下:

獲取元素的id屬性值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("圖片的id屬性值: " + $("img").attr("id"));
});
});
</script>
</head>
<body>
<img src="img_pulpitrock.jpg" alt="Pulpit Rock" width="284" height="213" id="picture">
<br>
<button>返回圖片的id屬性值</button>
</body>
</html>

輸出結果:

jquery如何得到元素中id的內(nèi)容

點擊按鈕后:

jquery如何得到元素中id的內(nèi)容

讀到這里,這篇“jquery如何得到元素中id的內(nèi)容”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內(nèi)容的文章,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI