attr怎么使用

這篇文章主要介紹“attr怎么使用”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“attr怎么使用”文章能幫助大家解決問題。

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比周村網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式周村網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋周村地區(qū)。費(fèi)用合理售后完善，十余年實(shí)體公司更值得信賴。

.attr( attributeName, value )

描述: 設(shè)置每一個(gè)匹配元素的一個(gè)或多個(gè)屬性。

attr( attributeName, value )

attributeName

類型: String

要設(shè)置值的屬性名

value

類型: String,Number

這個(gè)屬性設(shè)置的值

attributes

類型: PlainObject

一個(gè) 屬性 - 值 集合對(duì)象。（譯者注：例如{ alt: '', title: 'WEB前端開發(fā)-http://www.css88.com }）

attributeName

類型: String

要設(shè)置值的屬性名.

function(index, attr)

類型: Function()

這個(gè)函數(shù)返回用來設(shè)置的值，this指向當(dāng)前的元素。接收index 參數(shù)表示元素在匹配集合中的索引位置和html 參數(shù)表示元素上原來的 HTML 內(nèi)容。

這個(gè) .attr() 方法 是一個(gè)設(shè)置屬性值的方便而且強(qiáng)大的途徑—特別是當(dāng)設(shè)置多個(gè)屬性或使用值來自函數(shù)。 讓我們考慮下面的圖片：

<img id="greatphoto" src="brush-seller.jpg" alt="brush seller" />

Setting a simple attribute(設(shè)置一個(gè)簡(jiǎn)單的屬性)

我們可以通過.attr()方法非常簡(jiǎn)單的改變 alt 屬性并附上新值：

$('#greatphoto').attr('alt', 'Beijing Brush Seller');

我們可以用同樣的方法 添加 一個(gè)屬性：

$('#greatphoto')

.attr('title', 'Photo by Kelly Clark');

Setting several attributes at once(一次設(shè)置多個(gè)屬性)

同時(shí)改變alt 屬性 和 添加  title屬性, 我們可以使用一個(gè)“名/值”形式的對(duì)象 (JavaScript object literal)傳遞給這個(gè)方法。 每個(gè) key-value 對(duì)象將增加或者修改一個(gè)屬性：

$('#greatphoto').attr({

alt: 'Beijing Brush Seller',

title: 'photo by Kelly Clark'

});

當(dāng)設(shè)置多個(gè)屬性,包裹屬性名的引號(hào)是可選的。

警告： 當(dāng)設(shè)置樣式名（“class”）屬性時(shí)，必須使用引號(hào)！

注意: jQuery禁止改變一個(gè) <input> 或 <button>元素的type 特性（attribute），并且在所有瀏覽器下將拋出一個(gè)錯(cuò)誤。因?yàn)镮nternet Explorer不會(huì)允許你改變<input>或者<button>元素的type屬性。

Computed attribute values(推算屬性值)

通過使用一個(gè)函數(shù)來設(shè)置屬性， 可以根據(jù)該元素上的其它屬性值返回最終所需的屬性值。例如，我們可以把新的值與現(xiàn)有的值聯(lián)系在一起：

$('#greatphoto').attr('title', function(i, val) {

return val + ' - photo by Kelly Clark'

});

當(dāng)前運(yùn)用一個(gè)函數(shù)來計(jì)算屬性的值，當(dāng)我們修改了多個(gè)元素的屬性，特別有用。

注意 如果setter函數(shù)沒有返回任何數(shù)據(jù)（例如：function(index, attr){})，屬性的當(dāng)前值返回值是undefined，作為一個(gè)getter行為。實(shí)際上，如果不進(jìn)行任何更改的setter函數(shù)不返回的東西。

例子:

Example: 為頁面中全部的 <img>設(shè)置一些屬性。

<!DOCTYPE html>

<html>

<head>

<style>

img { padding:10px; }

div { color:red; font-size:24px; }

</style>

<script src="https://code.jquery.com/jquery-latest.js"></script>

</head>

<body>

<img />

<img />

<img />

<div><B>Attribute of Ajax</B></div>

<script>

$("img").attr({

src: "images/hat.gif",

title: "jQuery",

alt: "jQuery Logo"

});

$("div").text($("img").attr("alt"));

</script>

</body>

</html>

關(guān)于“attr怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

當(dāng)前標(biāo)題：attr怎么使用
標(biāo)題URL：http://bm7419.com/article14/gocjde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、App開發(fā)、外貿(mào)網(wǎng)站建設(shè)、建站公司、品牌網(wǎng)站建設(shè)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司