从最开始看到jquery这样的选择器就让我想起了css的选择器，简直是同出一辙啊，css的选择器语法个人觉得相当的经典，那么jquery借鉴css也就没有多少疑问了。
还是复习一下jquery的选择器吧
其中h1为选择器，color:red与background:#d00与声明，两者结合也即{}内称为声明块；color与background称为属性；red与#d00称为值。
其中选择器类别可分为以下类别：
标签选择器：p{css rules}
id选择器：#id{css rules}
类选择器：.class{css rules}
群组选择器：h1,h2,h3,h4,h5,h6{css rules}
后代选择器：div p{css rules}
通配选择器：*{css rules}
伪类选择器：a:link,a:visited{css rules}
另还有不常使用的多类选择器、属性选择器、部分属性选择器、相邻兄弟选择器、子选择器等，详细可参与《css权威手册》这本书或者http://www.w3.org/tr/css2/selector.html。
相对应，理解jquery中$(#id)就不是难事了。
jquery中基本选择器包括*,class,element,id及这种群组方式selector1,selector2,…
还是看下综合实例
选项一 选项二 选项三 选项四 标题一 标题二 标题三 按钮
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
2、层次选择器
不用说，层次选择器的思想来自css；实际上稍微拓展了
$(div span)//选择里所有元素
$(div>span)//选择元素下元素名为的元素
$('prev+next')//选择紧接在prev元素后的next元素
$('prev~siblings‘)//选择prev元素之后的所有sibling元素
例：
复制代码 代码如下:
$(function(){
$(ul li).css(color,#f00);
$(div>span).css(color,#008000);
$(div+span).css(color,#d00);
$(div~span).css(background,#ffc);
});
文字一
文字二
文字三
选项一
选项二
选择三