操作样式、操作属性

原生样式：

获取：

var   oBox=document.getElementsByTagName("div")[0];

设置：

oBox.style.width="100px";

删除：

oBox.style.width="";

---

jQuery：

获取：

$("div");

设置：

设置单个：

$("div").width(200);

$("div").css("width","200px");

设置多个：

$("div").css({"width":"200px","height:200px"});//属性和属性之间用逗号分开,属性和属性值之间用f冒号分开

使用函数来设置

$("div").css("width",function(){return 500;})

---

操作属性：

原生：

.操作的是原生属性

[]操作变量属性

function fn(id,ev){

var btn=id;

btn[ev]=function(){

alert(1);

}}

fn("div","onclick");

fn("p","onmouseover");

---

jQuery操作：

获取：

$("input").attr("type");

设置：

$("input").attr("type","text");//单个设置

$("input").attr({"value":"ccc","attn":"123"});//多个设置

添加：

$("input").attr({"value":"ccc","www":"123"});//多个设置

删除：

$("input").removeAttr("value");//单个

函数操作属性

$("img").attr("width",function(n,v){return v=10});

---

操作class

原生：

className

jQuery：

添加class

addClass();

$("div").addClass("aaa");

删除class

removeClass();