jQuery的选择器总结

选择器是jQuery的核心

$('#dom-id')

按ID查找

$('#abc'); 返回的对象是jQuery对象

什么是jQuery对象？jQuery对象类似数组，它的每个元素都是一个引用了DOM节点的对象。

以上面的查找为例，如果

id

为

abc

的

<div>

存在，返回的jQuery对象如下：

[<div id="abc">...</div>]

按tag查找

$('p') 返回jQuery对象数组

按class查找

$('.red')

$('.red.green')

按属性查找

$('[name=email]'); // 找出<??? name="email">

按属性查找还可以使用前缀查找或者后缀查找：

var icons = $('[name^=icon]'); // 找出所有name属性值以icon开头的DOM
// 例如: name="icon-1", name="icon-2"
var names = $('[name$=with]'); // 找出所有name属性值以with结尾的DOM
// 例如: name="startswith", name="endswith"

组合查找

$('input[name=email]'); // 不会找出<div name="email">

多项选择器

$('p,div'); // 把<p>和<div>都选出来