为什么80%的码农都做不了架构师?>>>
选择器是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>都选出来