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

一.attr():

　　　　 <!--樣式：在style里面寫的，用css來操作。--> <!--屬性：在元素里面寫的，用attr方法操作。-->
　　　　//設置單個屬性//attr(name, value)$("img").attr("alt", "圖破了");$("img").attr("title", "錯錯錯錯");//設置多個屬性$("img").attr({alt: "圖破了",title: "錯錯錯",aa: "bb"})//$('img').attr('width', function (i, v)//'width'要設置的值 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'))//刪除某個屬性用removeAttr$('input:eq(1)').click(function () {$('img').removeAttr('title')})

?

?二.prop():

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

?

三.text()：

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

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

?

四.html()

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

?

五.val()

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

轉載于:https://www.cnblogs.com/wanguofeng/p/10757958.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。