***********************使用attr()方法获取或设置属性**********************

1.attr()获取与设置属性

<input id="test" type="text" name="username" value="111"/>


jQuery对象.attr("name");//获取name属性 ok
jQuery对象.attr("name","zzy");//设置name属性为zzy ok


jQuery对象.attr("type");//获取属性 ok
jQuery对象.attr("type","password");//设置属性 ok

2.attr()方法也可以接受JSON数据格式用来修改多个属性

$("#test").attr({"name":"zzy","value":"333"});


3.removeAttr() 移除属性
removeAttr(“属性名”);// 移除属性

 


**********************练习: 用户注册 同意该协议 *****************************
$(function(){

//给"同意该协议"复选框 绑定事件
$("#agree").click(function(){



if($(this).prop("checked")==true){//复选框被选中

//让"注册"按钮可用
$("#registButton").removeAttr("disabled");
}else{
//让"注册"按钮不可用
$("#registButton").attr("disabled","disabled");
}
});
});


补充: 也可以使用 $(this).is(":checked") 来判断 复选框是否被选中....

 

attr和prop的区别

对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

参考
http://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html

 

***********************样式操作**********************

一.修改单一样式

js


dom对象.style.backgroundColor=""


jQuery


jQuery对象.css("属性名","属性值");


jQuery对象.css({"属性名1":"属性值1","属性名2":"属性值2"});

 

二.修改整套样式

1. js

dom对象.className = "";


2.jQuery

jQuery.attr("class","值");