jquery属性详解
attr(name|properties|key,value|fn)设置或返回被选元素的属性值；
1 $("div").attr("class"); //返回所有div元素的class属性值 2 $("img").attr({src:"test.jpg",alt:"test"})//设置img元素的src和alt属性 3 $("input").attr("title","test"); //为所有input元素的title属性赋值; 4 $("form").attr("title",function(){return this.name;}); //将name属性的值赋给title属性;
removeAttr(name)从每一个匹配的元素中删除一个属性;
1 <form id="loginForm" name="login"></form> 2 3 $("form").removeArrt("name"); 移除form中的name属性
prop(name|properties|key,value|fn)获取在匹配的元素集中的第一个元素的属性值
$("input[type='checked']").prop("checked"); //选中复选框为TRUE
$("input[type="checked"]").prop({disable:true}); //禁用所有复选框
removeProp(name)删除由prop定义的属性集;
addClass(class|fn)为每个匹配的元素添加指定的类名;
1 $("div").addClass("selected"); //为指定的div添加class=selected属性; 2 3 <ul> 4 <li></li> 5 <li></li> 6 <li></li> 7 </ul> 8 $("ul li:last").addClass(function(){return 'item-'+$(this).index();}); 9 //给最后一个li加上类名;
removeClass(class|fn)从所有匹配的元素中删除全部或者指定的类;
toggleClass(class|fn[,sw])如果存在(不存在)就删除(添加)一个类，实现点击切换的效果;
1 var count = 0; 2 $("div").click(function(){ 3 $(this).toggleClass(function(){ 4 if(count++ % 2 ==0){return "red";} 5 else{return "green"} 6 }); 7 });
html(val|fn)取得第一个匹配元素的html内容，这个函数不能用于XML文档；
1 return $("p").html(); //返回p元素的内容 2 3 $("p").html(function(){return "这是第index个p元素";});
text(val|fn)返回所有匹配的文本内容
return $("p").text(); //返回p元素内的文本内容； $("p").text(function(){return "这是第index个元素";});
val(val|fn|arr)设置表单元素的文本内容
$("input").val();
$("input").val(function(){return this.value+'';})
