选择器是jQuery的根基,包括四个大类:基本选择器,层次选择器,过滤选择器和表单选择器。这里首先介绍一类最常用的选择器:基本选择器。其他的选择器在稍后的文章中将会陆续发布。
基本选择器是jQuery中最常用的选择器,也是比较简单的选择员,它通过元素的id,class和标签名等来查找DOM元素,在网页中每个id名称只能使用一次,class允许重复使用。可以试用这些基本选择器来完成绝大多数的工作。
| 选择器 | 描述 | 返回 |
| #id | 根据给定的id匹配一个元素 | 单个元素 |
| .class | 根据给定的类名匹配元素 | 集合元素 |
| element | 根据给定的元素名匹配元素 | 集合元素 |
| * | 匹配所有元素 | 集合元素 |
| selector1, selector2,……, selectorN | 将每一个选择器匹配到的元素合并后一起反回 | 集合元素 |
简单举几个例子:
如果一个HTML代码如下所示:
- <div id="one">
- <span class="one"></span>
- <div class="one"></div>
- </div>
基本选择器的用法:
$(‘#one’) 可以找到页面上id为one的DOM元素;
$(‘.one’) 可以找到页面上所有class为one 的DOM元素,是一个集合
$(‘div’) 可以找到页面上所有<div>元素,也是一个集合
$(‘*’) 匹配页面上所有的DOM元素,包括文本节点
$(‘div,span,#one”) 匹配页面上所有的<div>,<span>和id为one的一组元素
<div id=”one”></div>
<div id=”one”></div>
<div id=”one”></div>