1.1什么是jQuery?
- jQuery是一个JavaScript函数库。
jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。我们又称jQuery语言为“巨抠”语言。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。
- jQuery库包含以下功能：
CDN的全称是Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。
- HTML 元素选取
- HTML 元素操作
- CSS 操作
- HTML 事件函数
- JavaScript 特效和动画
- HTML DOM 遍历和修改
- AJAX
-
1.3 jQuery下载并使用下载
-
jQuery有两个版本的 jQuery 可供下载：
Production version - 用于实际的网站中，已被精简和压缩。
Development version - 用于测试和开发（未压缩，是可读的代码）
网页中添加 jQuery
可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法：
- 从 jquery.com?下载?jQuery 库
- 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
1.4如何解决jQuery和其他框架的冲突
假如项目还加载了其他的框架，例如：common.js中也封装了$（）方法，为了避免冲突，可以使用jQuery代替$。
1.5jQuery 语法（重点）
$(selector).action()
selector:选择器，就是我们css中，标签选择器，id选择器，类选择器等。
action():方法，特效，事件。
jquery代码的实现总结说明：
jquery可以加载多个框架
$（document）.ready(function ()
console.log（"我是加载1”）
$().ready(function ()
console.log（"我是加载2”）
$(function ()
console.log（*我是加载3”）
Js是不可以加载多个框架
?
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。
- 执行时间?
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。?
2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
$(document).ready()可以同时编写多个，并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){}); - jQuery选择器????? 2.1 基本选择器 id选择器 ： #id
#id 选择器
jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。
页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。
通过 id 选取元素语法如下：
$("#test")
????
相当于js:document.getElementById(‘id’)，querySelector(“#”);
总结说明：
$(‘id选择器’).方法（）
- 单选择器
?
- 多选择器
?
- 元素选择器（标签选择器）：element
元素选择器
jQuery 元素选择器基于元素名选取元素。
在页面中选取所有 <p> 元素:
$("p")
.class 选择器
jQuery 类选择器可以通过指定的 class 查找元素。
语法如下：
$(".test")
$("#id", ".class") 复合选择器
$("div p span") 层级选择器 //div下的p元素中的span元素
$("div>p") 父子选择器 //div下的所有p元素
$("div+p") 相邻元素选择器 //div后面的p元素(仅一个p)
$("div~p") 兄弟选择器 //div后面的所有p元素(同级别)
$(".p:last") 类选择器 加 过滤选择器 第一个和最后一个（first 或者 last）
$("#mytable td:odd") 层级选择 加 过滤选择器 奇偶（odd 或者 even）
$("div p:eq(2)") 索引选择器 div下的第三个p元素（索引是从0开始）
$("a[href='www.baidu.com']") 属性选择器
$("p:contains(test)") // 内容过滤选择器，包含text内容的p元素
$(":emtyp") //内容过滤选择器，所有空标签（不包含子标签和内容的标签）parent 相反
$(":hidden") //所有隐藏元素 visible
$("input:enabled") //选取所有启用的表单元素
$(":disabled") //所有不可用的元素
$("input:checked") //获取所有选中的复选框单选按钮等
$("select option:selected") //获取选中的选项元素
- :eq(index)匹配索引等于index的所有元素，index索引从0开始，可以是负数。
- :gt(index) :匹配所有大于索引值的元素greaterthan
- :lt(index)匹配所有小于索引值的元素lessthan
2.4子元素选择器（重点）
在讲子选择器之前，我们先回顾一下nth-child和nth-of-type的选择器
nth-child不限制类型（不同标签）第几个元素。
nth-of-type限制类型(同类型（标签）)下的第几个元素
- 匹配父元素下，索引值是偶数的子元素：nth-child(evev)
- 选取父元素下,索引值是奇数的子元素：nth-child(odd)
- 匹配每个父元素下,索引值为index的子元素：nth-child(index)
:nth-child(n) 选择器选取属于其父元素的不限类型的第 n 个子元素的所有元素。
- 匹配每个父元素的第一个子元素：first-child
：first和：first-child的区别
：first:总体第一个元素
：first-child:每个子类中的第一个元素
- 匹配每个父元素的最后一个子元素：last-child
：last和：last-child的区别
2.5 表单过滤选择器（重点）
（1）:input：过滤所有的输入框
（2）:text：过滤所有的文本框
（3）:password：过滤所有的密码框
（4）:radio：过滤所有的单选框
（5）:checkbox：过滤所有的复选框框
（6）:submit：过滤所有的提交按钮
（7）:reset：过滤所有的重置按钮
（8）:button：过滤所有的点击按钮
2.6表单对象属性选择器
:checked
匹配所有选中的 复选框、单选按钮?元素
$(‘:checkbox:checked’)
:selected
匹配所有选中的选项元素
$(‘option:selected’)