jQuery是一种方法库
语法：$ jQuery
二、jQuery文件引用1、本地引用
语法：
2、远程调用：
语法：
注意：需要在连网的情况下使用
三、jQuery对象与dom对象转换1、dom对象转换为jQuery对象 $（dom对象）
2、jquery对象转换为dom对象（jquery对象[索引号]、jquery对象.get[索引号]）
hello div
hello div
语法：$（document）.ready（function（）{}）
简写：$(function()})
1、$（document）.ready（）与window.οnlοad=function（）{}的区别
| window.onload | $(document).ready() | |
| 执行时机 | 必须等待网页全部加载完毕（包括 图片等），然后再执行包裹代码 | 只需要等待网页中的DOM结构 加载完毕，就能执行包裹的代码 |
| 执行次数 | 只能执行一次，如果第二次，那么 第一次的执行会被覆盖 | 可以执行多次，第N次都不会被上 一次覆盖 |
1、JavaScript中得到DOM对象document.getElementById(“menu”)
2、jQuery得到jquery对象 $(“#menu”)
六、jQuery选择器分类 1、基本选择器| 选择器 | 描述 | 返回 | 示例 |
| #id | 根据指定的id匹配元素 | 单个元素 | $(“#hel”)选择id=hel的元素 |
| .class | 根据类匹配元素 | 集合元素 | $(“.hel”)选择class=hel的元素 |
| Element | 根据元素名匹配元素 | 集合元素 | $(“div”)选择所有的div元素 |
| * | 匹配所有元素 | 集合元素 | $(“*”)选择所有元素 |
| E1,E2,E3 | 分组匹配元素 | 集合元素 | $(“div,span,.hotclass”)选择所有div，span,和class为hotcalss的元素 |
| 选择器 | 描述 | 返回值 | 示例 |
| $(“E1 E2”) | 选择E1下所有E2 | 集合元素 | $(“div span”)选择div下所有span |
| $(“E1> E2”) | 选择E1下的子E2,不包含E2下满足的元素 | 集合元素 | $(“div > span”)选择div下的span元素，不包含span下的span元素 |
| $(“E1+ E2”) | 选择E1后紧相邻的E2 | 集合元素 | $(“.one + div”)选择class=one的下一个div元素 |
| $(“E1~ E2”) | 选择E1之后的所有E2 | 集合元素 | $(“#one ~ div”)选择id为one后的所有div元素 |
| 补充说明： $(“E1 + E2”)可以用$(E1).next(E2)代替 $(“E1 ~ E2”)可以用$(E1).nextAll(E2)代替 | |||
hhhh
hello 0
hello div
hello span1 hhhh
hello span2
hh b
| 选择器 | 描述 | 返回 | 示例 |
| :first | 选择第1个元素 | 单个元素 | $(“div:first”)选择第1个div元素 |
| :last | 选择最后1个元素 | 单个元素 | $(“div:last”)选择最后1个div元素 |
| :not(E1) | 去除所有E1选择器匹配的元素 | 集合元素 | $(“input:not(.my)”)选择class不是.my的所有input元素 |
| :even | 选择索引是偶数的所有元素，索引从0开始 | 集合元素 | $(“tr:even”)选择表格中所有偶数的行 |
| :odd | 选择索引是奇数的所有元素，索引从0开始 | 集合元素 | $(“tr:odd”)选择表格中所有奇数的行 |
| :eq(index) | 选择索引值是index的元素，index从0开始 | 单个元素 | $(“tr:eq(1)”)选择表格行索引等于1的行 |
| :gt(index) | 选择索引值大于index的元素,index从0开始 | 集合元素 | $(“tr:gt(1) ”)选择表格行索引大于1的行 |
| :lt(index) | 选择索引值小于index的元素,index从0开始 | 集合元素 | $(“tr:lt(1)”)选择表格行索引小于1的行 |
| :header | 所取所有的标题元素,h1~h6 | 集合元素 | $(“:header”)选择网页中所有的,… |
| :animated | 选择当前正在执行动画的所有元素 | 集合元素 | $(“div:animated”)选择正在执行动画的div元素 |
无序列表1
无序列表2
无序列表3
有序列表
有序列表
有序列表
有序列表
| 选择器 | 描述 | 返回值 | 示例 |
| :contains(text) | 选择含有text文本内容的元素 | 集合元素 | $(“div:contains(‘我’)”)选择内容里包含我的所有div |
| :empty | 选择不包含子元素或文本的空元素 | 集合元素 | $(“div:empty”)选择不包含子元素（含文本）的所有div元素 |
| :has(E1) | 选择包含有(E1选择器匹配的元素)的所有元素 | 集合元素 | $(“div:has(p)”)选择含有p元素的所有div元素 |
| :parent | 选择含有子元素或文本的元素 | 集合元素 | $(“div:parent”)选择拥有子元素（包含文本）的所有div元素 |
| 选择器 | 功能描述 | 返回值 | 简单示例 |
| :nth-child(index/even/odd) | 选取每个父元素下的第index个子元素或奇偶元素.(index从1开始） | 集合元素 | :eq(index)只匹配一个元素,而:nth-child(index)将为每一个父元素匹配子元素,并且:nth-child(index)的index从1开始,而:eq(index)的index从0开始. |
| :first-child | 选择每个父元素的第1个子元素 | 集合元素 | :first只选择单个元素,而:first-child将为每个父元素匹配第1个子元素如: $(“ul li:first-child”)选择每个ul下的第一个 |
| :last-child | 选取每个父元素的最后1个子元素 | 集合元素 | $(“ul li:last-child”)选择每个ul下的最后一个 |
| :only-child | 如果某个元素是它父元素中惟一的子元素,那么将会被匹配.如果父元素中含有其他元素,则不会被匹配 | 集合元素 | $(“ul li:only-child”)在中选取是惟一子元素的 |
4、表单选择器:nth-child()选择器详细功能描述:
:nth-child(even)能选择每个父元素下的索引值是偶数的元素:nth-child(odd)选择出每个父元素下的索引值是奇数的元素:nth-child(2)选取每个父元素下的索引值等于2的元素:nth-child(3n)能选出每个父元素下的索引值是3的倍数的元素,n从0开始:nth-child(3n+1)能选取每个父元素下的索引值是3n+1的元素.n从0开始
| 选择器 | 描述 | 返回值 | 示例 |
| :input | 匹配所有 |