
發現了很好玩的表情可以插入嘻嘻嘻嘻嘻嘻嘻
1.attr屬性操作
在jQuery中,可以通過attr()方法操作屬性,可以是固有屬性,也可以是自定義屬性。
1.1 設置屬性值
// 設置單個屬性
$("div").attr("title", "我是一個div");
// 設置多個屬性
$("img").attr({"src" : "img/11.jpg","alt" : "我是一張風景圖片"
});
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");
2. prop表單屬性操作
在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. class屬性操作
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")) {// 如果存在,則移除這個class$("div").removeClass("box");
}
3.4 切換class屬性
toggleClass() 對設置或移除被選元素的一個或多個類進行切換。
該方法檢查每個元素中指定的類。如果不存在則添加類,如果已設置則刪除之。這就是所謂的切換效果。
// 切換一個class
$("div").toggleClass("box");
// 切換多個class
$("div").toggleClass("box1 box2");