在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 完整的標籤 新增元素 作用 在被選元素內部的最後乙個子元素 或內容 後面插入內容 存在 ...