JSer selector选择符

什么是selector选择符：

　　selector选择符是一种特殊的字符串, 通过这个字符串，我们就可以很方便的选中网页中的任何一个或多个元素节点，并快速批量的改变这些元素的特性，如外观表现样式，读写其属性值，脚本行为绑定，事件触发，动态的增，删，改任意元素节点等等。

　　相信您对下列CSS样式表中的元素选择器比较熟悉吧：

body, div, table{font-size:12px;}
#tit span{font-weight:bold;}
.item a:hover{color:red}

　　不错，上面代码的高亮部分就是样式选择符，诸如：元素选择符，ID选择符，类选择符，包含选择符，伪类选择符......
好了，如果您对CSS的选择符比较熟悉，那么恭喜您，您已经基本掌握了JSer selector选择符，它与CSS的样式选择符有着惊人的相似！

让我们来看一段HTML代码吧：

<ul class="news">
   <li><a href="链接地址略...">news title 1</a></li>
   <li><a href="链接地址略...">news title 2</a></li>
   <li><a href="链接地址略...">news title 3</a></li>
   <li><a href="链接地址略...">news title 4</a></li>
   <li><a href="链接地址略...">news title 5</a></li>
</ul>

下面给ul元素加个边框：

JSer("ul").css("border","1px red solid");

下面选择超链接元素，改变其样式，设置链接文字的颜色：

JSer(".news a").css("color","#cc0000");

下面您想设置news里面的链接在新窗口打开：

JSer(".news a").attr("target","_blank");

再来看看，想让上面1,3,5...行的背景色变为灰色，而2,4,6...行还是默认的背景：

JSer(".news li:odd").css("background-color","gray");

看到了吧，我们通过selector选择符，选择元素后，不仅可以改变其样式，还可以设置其属性，还可以访问属性，添加事件等等。

请参考：

JSer(content), JSer(selector, rootNode) , JSer(selector, selector)
元素选择符, ID选择符, 类名选择符, 全部选择符, 简单属性选择符, 固定属性选择符, 多重属性选择符, 元素属性选择符, 包含选择符, 多项选择符, 伪类选择符