jQuery的选择器

选择器是jQuery的核心。一个选择器写出来类似$('#dom-id')。

按ID查找

如果某个DOM节点有id属性，利用jQuery查找如下

// 查找<div id="abc">:
var div = $('#abc');

#abc以#开头。返回的对象是jQuery对象。

JQuery对象类似数组，它的每个元素都是一个引用了DOM节点的对象。以上面的查找为例，如果id为abc的<div>存在，返回的jQuery对象如下：

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

如果id为abc的<div>不存在，返回的jQuery对象为[]

JQuery的选择器不会返回undefined或者null，不必在判断if (div === undefined)。

jQuery对象和DOM对象之间可以互相转化：

var div = $('#abc'); // jQuery对象
var divDom = div.get(0); // 假设存在div，获取第1个DOM元素
var another = $(divDom); // 重新把DOM包装为jQuery对象

按tag查找：

var tagps = $('tagName');//返回所有<tagName>节点
var tagpsNum =  tagps .length;// 页面有多少个<tagName>节点

class查找：

注意在class名称前加一个.：

var _search = $('.search');//所有“class=red”的节点
//<div class="search">.....</div>
//<p class = "name search"></p>

属性查找

//找出<name="username"/>
var username = $('[name =username]');

当属性的值包含空格等特殊字符时，需要用双引号括起来

支持前缀、后缀查找

var username = $('[name^=chen]');//以chen开头的Dom的name属性值 name="chengou",name="chenxiang"
var username = $('[name$=m]');//name的属性值为m结尾的Dom name="chenTom"

多项组合查找

var password = $('input[name=password]');//找出<input name='password'/>
var _password= $('input.password');

多项选择：

多项选择器就是把多个选择器用,组合起来一块选，就是前面所学的左右选择，当要获取多个标签是的选择就是多项选择，一般用，，隔开即可

$('input,div')//按出现的顺序