004-JQuery属性
添加与删除属性
- 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!");
