【转】jquery对DOM的属性操作

今天学习jQuery 属性和CSS, 学了css后面做示例才看得明白 属性 1.attr(key,value) 为所有匹配的元素设置一个属性值。 相当于给key赋值如 $("img").attr("src","http://www.usle.cn/logo.gif"); 即意为给img元素赋予图片地址。类似这个在上一篇 移除或替换链接指向 中用到了此方法。 2.attr(key,fn) 类似上面，只不过fn当做函数来写，如$("img").attr("title",function(){return this.src});这个函数是将图片的链接赋给图片的title属性中。 3.attr(name) 很容易弄明白，取得第一个匹配元素的属性值，如果元素没有相应属性，则返回undefined 4.attr(properties) 光看这个看不明白，实际上是给匹配的元素批量设置很多属性 。举例$("img").attr({title:"this is title",alt:"this is alt"}); 需要注意的是属性名后面跟“：”冒号，多个属性间用逗号隔开，外围包上大括号“{}”。 5.removeAttr(name) 从每一个匹配的元素中删除一个属性 ，如$("img").removeAttr("src")；意为移除图片的链接地址。 类 1.addClass(class) 为每个匹配的元素添加指定的类名（css样式）。如$("p").addClass("p1"); 2.removeClass(class) 很容易理解，移除css样式 3.toggleClass(class) 如果存在这样css样式就删除一个样式，或者不存在的话就添加一个样式。 $("p").toggleClass("p1");意为为没有类名p1的css样式的p元素添加p1样式，对有p1样式的pf元素，删除它的p1 css样式。 HTML 1.html() 取得第一个匹配元素的html内容，用法如 $("div").html(); 2.html(val) 设置每一个匹配元素的html内容, $("div").html(“hello,world”); 给匹配的div元素设置内容为hello,world 。原有的会被清除。 文本 1.text() 取得所有匹配元素的内容。就好比提取出纯文本一样。用法同上述html。 2.text(val) 类似html(val) ,但将编码 HTML （这句没看明白，反正和html差不多） 值 1.val() 获得第一个匹配元素的当前值。用法也如 $("input").val(); 2.val(val) 为匹配的元素赋值 check,select,radio等都能使用为之赋值 用法如 $("input").val("hello") ，类似$("input").attr("value","hi"); 3.赋多个值用法如 $("input").val(["check2", "radio1"]); 意为给 check2 radio1 这两项同时赋上值，即同时选择上复选框值为check2的和单选值为radio1的。 转自：http://www.usle.cn/blog/article.asp?id=829