jquery选择器：id选择器，class选择器，tag选择器，属性选择器，组合选择器，多项选择器，层级选择器，父子选择器

#1 id选择器
// 查找<div id="abc">demo</div>
var div = $('#abc'); //$("#abc")是一个jquery对象，在chrome中可以转化为dom对象进行查看，比如$("#abc").get(0)
//$("#abc").get(0)是一个dom对象，在chrome的console中可以查看

#2 class选择器
// 查找<div class="abc">demo</div>
var div = $('.abc');

#3 tag选择器
// 查找<div>demo</div>
var div = $('div');

#4 属性选择器
// 查找<div name="demo">demo</div>
var div = $('[name]'); //找出所有属性为name的DOM
var div = $('[name=demo]'); //var div = $("[name='demo']")也可以
var icons = $('[name^=icon]'); // 找出所有name属性值以icon开头的DOM
var names = $('[name$=with]'); // 找出所有name属性值以with结尾的DOM

#5 组合选择器
var emailInput = $('input[name=email]'); // 标签为input,属性为name,属性值为email
var tr = $('tr.red'); //标签为tr,类为red,比如<tr class="red ...">...</tr>

#6 多项选择器，使用“,”分开
$('p, div'); // 把<p>和<div>都选出来
$('p.red, p.green'); // 把<p class="red">和<p class="green">都选出来

#7 层级选择器，使用空格分开，和css的层级选择器类似
#比如$('ancestor descendant')
<div class="testing">
    <ul class="lang">
        <li class="lang-javascript">JavaScript</li>
        <li class="lang-python">Python</li>
        <li class="lang-lua">Lua</li>
    </ul>
</div>
$('ul.lang li.lang-javascript'); // [<li class="lang-javascript">JavaScript</li>]
$('div.testing li.lang-javascript'); // [<li class="lang-javascript">JavaScript</li>]
$('ul.lang li'); //选择ul下面的所有的li节点
$('form.test p input'); //多层选择也存在， 在form表单选择被<p>包含的<input>

#8 父子选择器，必须限定为父子关系，使用“>”表示，如$('parent>child')
$('ul.lang>li.lang-javascript'); // 可以选出[<li class="lang-javascript">JavaScript</li>]
$('div.testing>li.lang-javascript'); // [], 无法选出，因为<div>和<li>不构成父子关系

#10 表单相关选择器，可以用上面的通用选择器复合选择，不做记忆
:input：可以选择<input>，<textarea>，<select>和<button>；
:file：可以选择<input type="file">，和input[type=file]一样；
:password:可以选择<input type="password"> $('input:password')
:checkbox：可以选择复选框，和input[type=checkbox]一样；
:radio：可以选择单选框，和input[type=radio]一样；
:focus：可以选择当前输入焦点的元素，例如把光标放到一个<input>上，用$('input:focus')就可以选出；
:checked：选择当前勾上的单选框和复选框，用这个选择器可以立刻获得用户选择的项目，如$('input[type=radio]:checked')；
:enabled：可以选择可以正常输入的<input>、<select>等，也就是没有灰掉的输入；
:disabled：和:enabled正好相反，选择那些不能输入的。

#11 表示隐藏和可见的选择器
$('div:visible'); // 所有可见的div
$('div:hidden'); // 所有隐藏的div