原生样式：
获取：
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();
