發(fā)現(xiàn)了很好玩的表情可以插入嘻嘻嘻嘻嘻嘻嘻

1.attr屬性操作

在jQuery中，可以通過(guò)attr()方法操作屬性，可以是固有屬性，也可以是自定義屬性。

1.1 設(shè)置屬性值

// 設(shè)置單個(gè)屬性 $("div").attr("title", "我是一個(gè)div"); // 設(shè)置多個(gè)屬性 $("img").attr({"src" : "img/11.jpg","alt" : "我是一張風(fēng)景圖片" });

1.2 獲取屬性值

// 獲取alt屬性值 console.log($("img").attr("src")); // 獲取title屬性值 console.log($("div").attr("title"));

1.3 刪除屬性

removeAttr(name)從每一個(gè)匹配的元素中刪除一個(gè)屬性。

// 刪除alt屬性值 $("img").removeAttr("alt"); // 刪除title屬性值 $("div").removeAttr("title");

2. prop表單屬性操作

在jQuery中，通過(guò)prop()方法操作屬性，只能操作固有屬性，特別用于：checked、disabled、selected等表單屬性。

注意：checked、disabled、selected等表單屬性只能通過(guò)prop()方法來(lái)操作。

2.1 設(shè)置屬性值

// 設(shè)置單選框?yàn)檫x中狀態(tài) $("input:radio").prop("checked", true);// 設(shè)置多選框?yàn)槲催x中狀態(tài) $("input:checkbox").prop("checked", false);

2.2 獲取屬性值

// 獲取下拉列表option的選中狀態(tài) var flag1 = $("select > option").prop("selected"); // 獲取單選框的選中狀態(tài) var flag2 = $("input:radio").prop("checked");

3. class屬性操作

3.1 添加class屬性

addClass() 為每個(gè)匹配的元素添加指定的類名，如需添加多個(gè)類，請(qǐng)使用空格分隔類名。

該方法不會(huì)移除已存在的 class 屬性，僅僅添加一個(gè)或多個(gè) class 屬性。

// 添加一個(gè)class $("div").addClass("box1"); // 添加多個(gè)class $("div").addClass("box2 box3");

在項(xiàng)目開(kāi)發(fā)中，我們可以通過(guò)jQuery的方式來(lái)給元素添加class，從而實(shí)現(xiàn)給元素添加CSS樣式（比通過(guò)jQuery添加CSS樣式效率更高）。

3.2 移除class屬性

removeClass() 方法從被選元素移除一個(gè)或多個(gè)類。

如果沒(méi)有規(guī)定參數(shù)，則該方法將從被選元素中刪除所有類。

// 移除一個(gè)class $("div").removeClass("box1"); // 移除多個(gè)class $("div").removeClass("box1 box2");// 移除全部class $("div").removeClass();

3.3 判斷是否某個(gè)class屬性

hasClass()可以用來(lái)判斷元素中是否含有某個(gè)class。如果有，則返回true，否則返回false。

// 判斷div中是否包含值為box的class if($("div").hasClass("box")) {// 如果存在，則移除這個(gè)class$("div").removeClass("box"); }

3.4 切換class屬性

toggleClass() 對(duì)設(shè)置或移除被選元素的一個(gè)或多個(gè)類進(jìn)行切換。

該方法檢查每個(gè)元素中指定的類。如果不存在則添加類，如果已設(shè)置則刪除之。這就是所謂的切換效果。

// 切換一個(gè)class $("div").toggleClass("box"); // 切換多個(gè)class $("div").toggleClass("box1 box2");

總結(jié)

以上是生活随笔為你收集整理的button设置disabled属性不生效_jQuery属性节点的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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