原生樣式：

獲取：

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");

<div id="div"></div>

<p id="p"></p>

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();