新聞中心
在jQuery中,我們可以使用.attr()方法來(lái)為元素添加屬性。.attr()方法可以接受兩個(gè)參數(shù):屬性名稱和屬性值,如果只提供一個(gè)參數(shù),那么它將返回當(dāng)前元素的屬性值。

創(chuàng)新互聯(lián)-云計(jì)算及IDC服務(wù)提供商,涵蓋公有云、IDC機(jī)房租用、成都溫江機(jī)房、等保安全、私有云建設(shè)等企業(yè)級(jí)互聯(lián)網(wǎng)基礎(chǔ)服務(wù),咨詢熱線:18980820575
以下是一些示例:
1、添加一個(gè)新的屬性:
$("p").attr("title", "這是一個(gè)標(biāo)題");
在這個(gè)例子中,我們?yōu)樗械?code>
元素添加了一個(gè)名為title的新屬性,并將其值設(shè)置為"這是一個(gè)標(biāo)題"。
2、添加多個(gè)屬性:
$("img").attr({
alt: "圖片",
title: "點(diǎn)擊查看大圖"
});
在這個(gè)例子中,我們?yōu)樗械?code>元素添加了兩個(gè)新的屬性:
alt和title。
3、修改現(xiàn)有的屬性:
$("a").attr("href", "http://www.example.com");
在這個(gè)例子中,我們將所有的元素的href屬性的值修改為"http://www.example.com"。
4、刪除一個(gè)屬性:
$("img").removeAttr("alt");
在這個(gè)例子中,我們刪除了所有的元素的alt屬性。
5、檢查一個(gè)屬性是否存在:
if ($("img").attr("alt") !== undefined) {
alert("圖片有alt屬性");
} else {
alert("圖片沒(méi)有alt屬性");
}
在這個(gè)例子中,我們檢查了所有的元素是否有alt屬性,如果有,那么我們就顯示一個(gè)警告框,告訴用戶圖片有alt屬性,如果沒(méi)有,那么我們就顯示另一個(gè)警告框,告訴用戶圖片沒(méi)有alt屬性。
注意:在使用.attr()方法時(shí),如果你嘗試設(shè)置一個(gè)不存在的屬性,那么jQuery將會(huì)自動(dòng)創(chuàng)建一個(gè)新的屬性,如果你嘗試設(shè)置一個(gè)名為datatest的屬性,但是該元素原本并沒(méi)有這個(gè)屬性,那么jQuery將會(huì)創(chuàng)建這個(gè)屬性,并將其值設(shè)置為你提供的值,這就是所謂的“動(dòng)態(tài)屬性”。
如果你想獲取一個(gè)元素的所有屬性,你可以使用.attr()方法的第二個(gè)參數(shù)為空字符串。
var attributes = $("img").attr("");
console.log(attributes); // 輸出:[alt, title]
在這個(gè)例子中,我們獲取了所有的元素的所有屬性,并將它們存儲(chǔ)在了一個(gè)數(shù)組中,我們將這個(gè)數(shù)組打印到了控制臺(tái)。
當(dāng)前題目:jquery添加事件有幾種寫法
分享地址:http://www.dlmjj.cn/article/dpciigc.html


咨詢
建站咨詢
