1、jquery是一个轻量级的java script框架，具备独特的选择器、链式操作、事件处理机制和封装完善的Ajax
2、特殊符号：$
指代封装，定义jquery使用的jquery选择器（selector）查询html标记（元素）
$(document).ready(function(){}); =» $(function(){})
3、选择器：jquery是完全继承css风格，利用jquery selector可以非常快速便捷的找到dom元素
jquery selector 与 css selector 方式基本一致，只是作用不同
（1）基本选择器：
# : id 根据给定id匹配一个元素，返回单个元素
. : class 根据给定类名匹配元素，返回集合元素
$("div") : element 根据给定元素名匹配元素，返回集合元素
$("*") : * 匹配所有元素，返回集合元素
$("div,div,p") : selector 将第一个选择器匹配到元素合并在一起返回，返回集合元素
（2）层次选择器：根据描述的层次结构来选择层次结构所有的后代元素，返回集合元素
例：<div class="one" id="one">
<div class="two" id="two">
<p><br></p>
</div>
</div>
注：
$("div p") : " "(空格) 返回p
$("div > p") : ">" 选取父节点下面的所有子节点，返回集合元素
$(".one +div") : ". + " 选取为首元素的下一个元素
$("#two~div") : "# ~"选取首元素后的所有同辈（siblings）元素,返回集合元素
（3）过滤选择器：
:first 选取第一个元素，返回单个元素 $("div:first")
:last 选取最后一个元素，返回单个元素 $("div:last")
:not(selector) 选取去除所有给定选择器匹配的元素，返回集合元素 $("input:not(.one)")
:even 选取索引为偶数（0,2,4...）的所有元素，返回下标为索引（0,2,4...）从0开始，返回集合元素 $("input:even")
:odd 选取索引为奇数（1,3,5...）的所有元素，返回下标为索引（1,3,5...）从0开始，返回集合元素 $("input:odd")
:eq(index) 选取索引等于index的所有元素，索引从0开始，返回单个元素 $("input:eq(1)")
:lt(index) 选取索引小于index的所有元素，索引从0开始，返回集合元素 $("input:lt(1)")
:gt(index) 选取索引大于index的所有元素，索引从0开始，返回集合元素 $("input:gt(1)")
:header 选取所有标题元素，返回集合元素 $("input:header")
:animated 选取当前正在执行动画的所有元素，返回集合元素 $("input:animated")
（4）内容过滤选择器：
:contains() 选择包含文本内容的text 元素，返回集合元素 $("div:contains("我")")
:empty 选择不包含子元素或文本为空的所有空元素，返回集合元素 $("div:empty")
:has(selector) 选取含有选择器所匹配的元素 $("div:has(".one")")
:parent 选取含有子元素或文本的元素 $("div:parent")
（5）可见性过滤选择器：
:hidden 选取所有不可见元素，返回集合元素 <input type="hidden" />
:visible 选取所有可见元素，返回集合元素 <div style="display:none; visibility:hidden"></div>
（6）属性过滤选择器:
attribute:选取拥有此属性的元素，返回集合元素 $("div[id]")
| 格式 | 示例 | 意义 |
| [attribute=value] | div[title=test] | 选取属性值为指定value的元素，返回集合元素 |
| [attribute！=value] | div[title!=test] | 选取属性值不为指定value的元素，返回集合元素 |
| [attribute^=value] | div[title^=test] | 选取属性值以指定值为起始的元素，返回集合元素 |
| [attribute$=value] | div[title$=test] | 选取属性值以指定值为结束的元素，返回集合元素 |
| [attribute*=value] | div[title*=test] | 选取属性值包含value的所有元素，返回集合元素 |
（7）复合选择器：使用属性选择器合并成一个复合选择器，满足多个条件，每选择一次缩小一次范围，返回集合元素
$("div[id][title$=test]")
（8）子元素过滤选择器：
| 格式或示例 | 意义 | |
| $("div：nth-child(1)") | 选取属性值为指定value的元素，返回集合元素 | |
| $("div：nth-child:odd") | $("div：nth-child(odd)") | 选取属性值不为指定value的元素，返回集合元素 |
| $("div：first-child") | 选取属性值以指定值为起始的元素，返回集合元素 | |
| $("div：last-child") | 选取属性值以指定值为结束的元素，返回集合元素 | |
| $("div：only-child") | 选取属性值包含value的所有元素，返回集合元素 | |
（9）表单与对象属性过滤选择器：
:enabled 选取所有可用元素，返回集合元素
:disabled 选取所有不可用元素，返回集合元素
:checked 选取所有被选中的元素，返回集合元素
:selected 选取所有被选中的选项元素，返回集合元素
（10）表单选择器：
:input 选取所有隶属于input控件下的元素，返回集合元素
:text 选取单行文本，返回集合元素
:password 选取所有密码，返回集合元素
:radio 选取单选框，返回集合元素
:checkbox 选取所有多选框，返回集合元素
:submit 选取提交，返回集合元素
:image 返回图像按钮元素
:reset 返回所有重置按钮
:button 返回所有按钮
:file 返回所有上传（路径）
:hidden 返回所有不可见元素