jquery属性详解

attr(name|properties|key,value|fn)设置或返回被选元素的属性值；

$("div").attr("class");    //返回所有div元素的class属性值
$("img").attr({src:"test.jpg",alt:"test"})//设置img元素的src和alt属性
$("input").attr("title","test");  //为所有input元素的title属性赋值;
$("form").attr("title",function(){return this.name;}); //将name属性的值赋给title属性;

removeAttr(name)从每一个匹配的元素中删除一个属性;

<form id="loginForm" name="login"></form>

$("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)为每个匹配的元素添加指定的类名;

$("div").addClass("selected"); //为指定的div添加class=selected属性;

<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>
$("ul li:last").addClass(function(){return 'item-'+$(this).index();});
//给最后一个li加上类名;

removeClass(class|fn)从所有匹配的元素中删除全部或者指定的类;

toggleClass(class|fn[,sw])如果存在(不存在)就删除(添加)一个类，实现点击切换的效果;

var count = 0;
$("div").click(function(){
    $(this).toggleClass(function(){
            if(count++ % 2 ==0){return "red";}
            else{return "green"}
});
});

html(val|fn)取得第一个匹配元素的html内容，这个函数不能用于XML文档；

return $("p").html();  //返回p元素的内容

$("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+'';})