2.1 jQuery 选择器概述

2.1.1 什么是选择器

jQuery允许通过标签名，属性名或内容对DOM元素进行快速、准确的选择。

2.1.2 选择器的优势

与传统的JavaScript获取页面元素和编写事务相比，jQuery选择器具有明显的优势，具体表现在以下两个方面：

代码更简单

完善的检测机制

示例2-1 使用JavaScript实现隔行变色

学号
姓名
性别
总分
1001
张晓明
男
320
1002
李明启
女
350

循环页面的元素会影响打开速度，如果使用jQuery选择器实现上述页面效果，则需要在页面中加入一些代码，如：

代码清单2-2 使用jQuery选择器实现隔行变色

学号
姓名
性别
总分
1001
张晓明
男
320
1002
李明启
女
350

语法：element:nth-child(an+b){style properties}

表示element 对应的元素中，第an+b(n可以是任意整数)个元素应用css样式

tr:nth-child(2n+1):表示表中奇数行将显示这个定义的样式

tr:nth-child(odd):表示表中奇数行将显示这个定义的样式

tr:nth-child(2n):表示表中偶数行将显示这个定义的样式

tr:nth-child(even):表示表中偶数行将显示这个定义的样式

2.完善的检测机制

在传统的JavaScript代码中，给页面中某元素设置事务时必须先找到该元素，然后赋予相应的属性或事件；如果该元素在页面中不存在或者被前面代码所删除，那么浏览器将提示运行出错信息， 因此，先要检测该元素是否存在，然后再运行其属性或事件代码。

在jQuery选择器定位页面元素时，无需考虑所定位的元素在页面中是否存在，即使改元素不存在，浏览器也不提示出错。

示例2-3 使用JavaScript输出文字信息

根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。

其中，在过滤选择器中又可分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种

IDCLASSSPAN123

LeftRight_1Right_2

基本过滤选择器
Item 0
Item 1
Item 2
Item 3
Span Move

ABCDA12EFaH

HiddenVisible

IDTitle AID
Title ABTitle ABC

Item 1-0
Item 1-1
Item 1-2
Item 1-3
Item 2-0
Item 2-1
Item 2-2
Item 2-3
Item 3-0

选中未选中Item 0Item 1Item 2Item 3

TextAreaItem 0RadioCheckbox

图书分类
小说
（1110）
文艺
（230）
青春
（1430）
少儿
（1560）
生活
（870）
社科
（1460）
管理
（1450）
计算机
（1780）
教育
（930）
工具书
（3450）
引进版
（980）
其他类
（3230）
简化

$(".clsContent").css("display","none");

$(".clsHead span img").attr("src","../images/2/a2.gif");

if($(".clsContent").is(":visible")){

if($(".clsBot > a").text()=="简化"){

$("ul li:gt(4):not(:last)").hide();