JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()
基本选择器有ID选择器、类选择器、标签选择器、通用选择器，事件的添加方法如下：
$(...).事件名(function() { })
属性样式有：
$(...).css("border","1px solid red")
$(...).css({...})
$(...).css("border")
$(...).attr(属性名,值)
$(...).html() innerHTML
$(...).text() innerText
$(...).val() value值
$(...).addClass() 增加
$(...).removeClass() 移除
$(...).toggleClass() 开关
主要应用于声明不同优先级、不同适用范围的样式。\x0d\x0a\x0d\x0a【HTML选择器】\x0d\x0a三者中优先级最低的选择器。\x0d\x0a用于最基础样式的定义，比如定义页面整体的字体（给body定义font），链接的样式（给a定义颜色、下划线等属性），列表项的符号样式（给li定义list-style），段落的间距（给p定义padding或者margin）等等。 这种声明优先级最低。\x0d\x0a举例：\x0d\x0abody, table td { font:normal 12px/1.8 Arial}\x0d\x0aa { color:#ff0text-decoration:none}\x0d\x0aa:hover { color:#ff6}\x0d\x0ap { text-indent:2em}\x0d\x0a\x0d\x0a【类选择器】\x0d\x0a用于来定义一类可以在同一个页面内重复利用的样式。 如比较常用的.clearfix（一般是用于清除浮动），或者自己定义的用于新闻列表的样式，详细的写好链接、列表、边框以及背景等属性，有些人还会习惯把一些常用的属性作为一个类。\x0d\x0a\x0d\x0a举例：\x0d\x0a.clearfix { clear:bothcontent:.height:0overflow:hiddenzoom:1}\x0d\x0a.fl { float:left}\x0d\x0a.red { color:red}\x0d\x0a.box { border:1px solid #ccc}\x0d\x0a.box li { padding-left:15pxbackground:url(arrow.png) 5px center no-repeat }\x0d\x0a\x0d\x0a【ID选择器】\x0d\x0a三者中优先级最高的选择器。\x0d\x0a一般用于一个页面中仅出现一次的容器，也常常作为js的接口。例如页面上的导航条（#nav）、页脚（#footer）、侧边栏（#sider）、主要内容（#mainBody）等等。\x0d\x0a举例：\x0d\x0a#nav { padding:10px 0background:url(../images/nav.png) 0 -124px repeat-x}\x0d\x0a#footer { border-top:3px solid #630}\x0d\x0a#sider { float:right: width:298pxborder:1px solid #ccc}
