這些方法用于獲取和設(shè)置 DOM 元素的屬性。

一.attr():

　　　　 <!--樣式：在style里面寫的，用css來操作。--> <!--屬性：在元素里面寫的，用attr方法操作。-->
　　　　//設(shè)置單個(gè)屬性//attr(name, value)$("img").attr("alt", "圖破了");$("img").attr("title", "錯(cuò)錯(cuò)錯(cuò)錯(cuò)");//設(shè)置多個(gè)屬性$("img").attr({alt: "圖破了",title: "錯(cuò)錯(cuò)錯(cuò)",aa: "bb"})//$('img').attr('width', function (i, v)//'width'要設(shè)置的值 i是索引 v是獲取到屬性值$('input').click(function () {$('img').attr('width', function (i, v) {v = parseInt(v);v += 10;return v;});})//獲取屬性值console.log($('input').attr('value'))console.log($('input').attr('type'))//刪除某個(gè)屬性用removeAttr$('input:eq(1)').click(function () {$('img').removeAttr('title')})

?

?二.prop():

//對(duì)于布爾類型的屬性，不要attr方法，應(yīng)該用prop方法 prop用法跟attr方法一樣。$(function () {$("input").eq(0).click(function () {$("#ck").prop("checked", true);});$("input").eq(1).click(function () {$("#ck").prop("checked", false);});});

?

三.text()：

//獲取內(nèi)容 $("p").text()//設(shè)置內(nèi)容 $('P').text('新設(shè)置的內(nèi)容')

text()、html() 以及 val()，同樣擁有回調(diào)函數(shù)。回調(diào)函數(shù)由兩個(gè)參數(shù)：被選元素列表中當(dāng)前元素的下標(biāo)，以及原始（舊的）值。然后以函數(shù)新值返回您希望使用的字符串。

?

四.html()

//獲取內(nèi)容 $("p").html()//設(shè)置內(nèi)容 $('P').html('新設(shè)置的內(nèi)容')

?

五.val()

//返回 value 屬性： $(selector).val()//設(shè)置 value 屬性： $(selector).val(value)//通過函數(shù)設(shè)置 value 屬性：$(selector).val(function (index, currentvalue){})//value 必需。規(guī)定 value 屬性的值。//index - 返回集合中元素的 index 位置。//currentvalue - 返回被選元素的當(dāng)前 value。

轉(zhuǎn)載于:https://www.cnblogs.com/wanguofeng/p/10757958.html

總結(jié)

以上是生活随笔為你收集整理的jQuery 属性操作attr().prop().text().html().val()的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。