- 添加與刪除屬性
- CSS類
- HTML代碼/文本/值
?
添加與刪除屬性
- ?attr(name|properties|key,value|fn) :設置或返回被選元素的屬性值
- ?removeAttr(name) :從每一個匹配的元素中刪除name屬性
- ?prop(name|properties|key,value|fn) :獲取在匹配的元素集中的第一個元素的屬性值
- ?removeProp(name) :用來刪除由.prop()方法設置的屬性集
示例:
1 // 返回文檔中所有圖像的src屬性值 2 $("img").attr("src"); 3 // 為所有圖像設置src和alt屬性 4 $("img").attr({ src: "test.jpg", alt: "Test Image" }); 5 // 把src屬性的值設置為title屬性的值 6 $("img").attr("title", function() { return this.src }
1 // 將文檔中圖像的src屬性刪除 2 $("img").removeAttr("src");
?
CSS類
- ?addClass(class|fn) :為每個匹配的元素添加指定的類名
- ?removeClass([class|fn]) :從所有匹配的元素中刪除全部或者指定的類
- ?toggleClass(class|fn[,sw]) :如果存在(不存在)就刪除(添加)一個類
? 示例:
1 // 為匹配的元素加上 'selected' 類 2 $("p").addClass("selected"); 3 // 從匹配的元素中刪除 'selected' 類 4 $("p").removeClass("selected"); 5 // 刪除匹配元素的所有類 6 $("p").removeClass(); 7 // 為匹配的元素切換 'selected' 類 8 $("p").toggleClass("selected");
?
HTML代碼/文本/值
- ?html([val|fn])? :取得第一個匹配元素的html內容
- ?text([val|fn]) :取得所有匹配元素的內容
- ?val([val|fn|arr]) :獲得匹配元素的當前值
示例:
// 返回p元素的內容 $('p').html(); // 設置所有 p 元素的內容 $("p").html("Hello <b>world</b>!"); // 返回p元素的文本內容 $('p').text(); // 獲取文本框中的值 $("input").val(); // 設定文本框的值 $("input").val("hello world!");
?