jQuery的选择器(一) 基本选择器

选择器是jQuery的根基,包括四个大类:基本选择器,层次选择器,过滤选择器和表单选择器。这里首先介绍一类最常用的选择器:基本选择器。其他的选择器在稍后的文章中将会陆续发布。

基本选择器是jQuery中最常用的选择器,也是比较简单的选择员,它通过元素的id,class和标签名等来查找DOM元素,在网页中每个id名称只能使用一次,class允许重复使用。可以试用这些基本选择器来完成绝大多数的工作。

选择器 描述 返回
#id 根据给定的id匹配一个元素 单个元素
.class 根据给定的类名匹配元素 集合元素
element 根据给定的元素名匹配元素 集合元素
* 匹配所有元素 集合元素
selector1, selector2,……, selectorN 将每一个选择器匹配到的元素合并后一起反回 集合元素


简单举几个例子:
如果一个HTML代码如下所示:

  1. <div id="one">
  2.  <span class="one"></span>
  3.  <div class="one"></div>
  4. </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>

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>