jQuery屬性節點

2021-09-09 09:07:29 字數 2239 閱讀 8231

在jquery中,可以通過attr()方法操作屬性,可以是固有屬性,也可以是自定義屬性。

1.1 設定屬性值

// 設定單個屬性

$("div").attr("title", "我是乙個div");

// 設定多個屬性

$("img").attr();

1.2 獲取屬性值

// 獲取alt屬性值

console.log($("img").attr("src"));

// 獲取title屬性值

console.log($("div").attr("title"));

1.3 刪除屬性

removeattr(name)從每乙個匹配的元素中刪除乙個屬性。

// 刪除alt屬性值

$("img").removeattr("alt");

// 刪除title屬性值

$("div").removeattr("title");

在jquery中,通過prop()方法操作屬性,只能操作固有屬性,特別用於:checked、disabled、selected等表單屬性。

注意:checked、disabled、selected等表單屬性只能通過prop()方法來操作。

2.1 設定屬性值

// 設定單選框為選中狀態

$("input:radio").prop("checked", true);

// 設定多選框為未選中狀態

$("input:checkbox").prop("checked", false);

2.2 獲取屬性值

// 獲取下拉列表option的選中狀態

var flag1 = $("select > option").prop("selected");

// 獲取單選框的選中狀態

var flag2 = $("input:radio").prop("checked");

3.1 新增class屬性

addclass() 為每個匹配的元素新增指定的類名,如需新增多個類,請使用空格分隔類名。

該方法不會移除已存在的 class 屬性,僅僅新增乙個或多個 class 屬性。

// 新增乙個class

$("div").addclass("box1");

// 新增多個class

$("div").addclass("box2 box3");

在專案開發中,我們可以通過jquery的方式來給元素新增class,從而實現給元素新增css樣式(比通過jquery新增css樣式效率更高)。

3.2 移除class屬性

removeclass() 方法從被選元素移除乙個或多個類。

如果沒有規定引數,則該方法將從被選元素中刪除所有類。

// 移除乙個class

$("div").removeclass("box1");

// 移除多個class

$("div").removeclass("box1 box2");

// 移除全部class

$("div").removeclass();

3.3 判斷是否某個class屬性

hasclass()可以用來判斷元素中是否含有某個class。如果有,則返回true,否則返回false。

// 判斷div中是否包含值為box的class

if($("div").hasclass("box"))

3.4 切換class屬性

toggleclass() 對設定或移除被選元素的乙個或多個類進行切換。

該方法檢查每個元素中指定的類。如果不存在則新增類,如果已設定則刪除之。這就是所謂的切換效果。

// 切換乙個class

$("div").toggleclass("box");

// 切換多個class

$("div").toggleclass("box1 box2");

jquery怎麼修改父節點屬性

修改父節點屬性的方法 1 用parent 獲取指定元素的父節點物件,語法 指定元素 parent 2 用attr 修改父節點物件的指定屬性,語法 父節點物件.attr 本教程操作環境 windows7系統 jquery1.10.2版本 dell g3電腦。jquery修改父節點屬性的方法 需要分成兩...

jQuery篇 jQuery節點操作

在jquery中,節點操作是基礎且比較重要的內容,我們把它的筆記寫下並做一篇筆記。內部插入 會將元素新增到指定元素內部的最後 會將元素新增到指定元素內部的最前面 外部插入 button click function 同上面新增節點方法一樣方法 clone even deepeven button e...

jQuery節點操作

動態建立元素 建立出來的元素是乙個jquery物件 1 完整的標籤 動態建立元素 模擬js中的document.createlement 只不過這個方式裡面放的是完整的標籤 例如 建立乙個li標籤 2 html 完整的標籤 新增元素 作用 在被選元素內部的最後乙個子元素 或內容 後面插入內容 存在 ...