一、jQuery概述
1、jQuery介绍
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
我们使用jQuery可以更好地完成以下操作：
（1）html文件操作，对于DOM相关操作优化
（2）jQuery提供更加方便与丰富的事件处理
（3）jQuery提供简单动画特效
（4）jQuery提供Ajax交互
我们知道，要使用任何一个JS框架，都是需要导入相关的JS文件
jQuery它的插件机制特别丰富，在开发中可以选择非常多的相关插件，例如：表单校验插件、树型结构等
2、jQuery快速入门
http://jquery.com
PC端开发使用比较主流的是1.x版本
第一步导入jQuery文件
第二步完成操作
完整：
jQuery(document).ready(function(){
alert("hello jquery1");
});
简写1：
((document).ready(function(){
alert("hello jquery2");
});
简写2：
jQuery(function(){
alert("hello jquery3");
});
简写3：
)(function(){
alert("hello jquery4");
});
2、jQuery[html,[ownerDocument]]
jQuery(html代码)它的作用是将一个DOM对象包装成jQuery对象
jQuery中定义的方法和属性只有jQuery对象可以调用
html：用于创建DOM元素的HTML标记字符串
ownerDocument：创建DOM元素所在的文档
这个核心函数的作用是将一个DOM对象包装成了jQuery对象
而它的第一个参数是HTML代码
它的第二个参数是可选的，用于设置DOM的相关属性
3、jQuery([selecter,[context]])
这个函数我们使用它的主要作用是用于在页面上查找，根据css选择器参数1就是css选择器
jQuery中提供了九种选择器
参数2：context就是指定要查找的DOM集
对于DOM对象-->jQuery对象：$(dom)
对于jQuery对象-->DOM对象：jQuery对象[0]或者jquery.get(0)
三、基本选择器
1、基本选择器
id根据id属性查找一个元素
Element根据元素的标签名称查找元素
.class根据元素的class属性查找元素
·匹配所有元素
select1，selector2……将每一个选择器匹配到元素合并后一起返回
2、层级选择器
层级选择权是根据元素的关系来获取，关系是指父子关系，兄弟关系