jQuery是什么,使用,$符号的理解, jQuery对象和DOM对象的相互转换,jq选择器

1、 为什么要学习jQuery?
学习JS遇到的痛点？
简单功能实现繁琐，例如：动画、获取对象节点；
入口函数的不合理设置，window.onload 事件只能出现一次；
2、 jQuery是什么
1) 理解
jQuery是js的一个库，封装了我们开发过程中常用的一些功能，方便我们调用.
js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用即可。
2) 主要学习jQuery哪些内容？
学些jQuery的API，能操作DOM（重点）编写一些网页特效，数据交互，节点操作
3) 体验jQuery

隐式迭代，在方法内部进行循环，而不用我们自己再循环操作
3、 jQuery使用(重点)

1. 使用步骤:
   1) 第一步：引包
   在使用jq代码之前，先把jq文件引到页面中
   
   2) 第二步：入口函数（重点）
   
   $(document).ready(function(){}) 和window.onload=function(){} 有两个重要的区别：
   前者：只要是文档对象dom结构树加载完毕，即可运行内部处理程序；可以多次出现。
   
   会先弹出2
   入口函数的使用：
   

2. 版本介绍
   v1.11.3 和v2.1.4 是两个大版本的最新版
   主要区别：2.x版本，不再支持IE6,7,8
   jquery.1.11.1.js 和jquery .1.11.1-min.js,min是压缩版
   项目上线时，推荐使用压缩版
   4、 jQuery的$符号的理解（重点）
   回忆我们为自己的query命名时的考虑：
   function webQuery(){ }
   function $(){}
   怎么理解jq的$符号的呢？
   $ 实际上就一个函数，$（）
   jQuery里的$函数，根据传入参数的不同，进行不同的调用，实现不同的功能，返回的是jQuery对象，所以原生js的方法就能被jQuery对象使用了。
   jQuery 这个js库，除了$之外，还提供另外一个函数jQuery，
   jQuery 和 $ 有什么关系 ？ jQuery ==$ true， jQuery ===$ true

举例：
下图，结果会报错

下图，将变量暴露给全局，就不会报错

jQuery的原理类似
5、 jQuery对象和DOM对象的相互转换（难点）
DOM对象此处指的是，使用js操作DOM返回的结果
var btn=documentElementById(“btn”) //变量btn存的就是一个DOM对象
jQuery对象此处是指，使用jQuery框架提供的操作DOM的方法返回的结果

jQuery对象转换成Dom对象:
$(“box”)[0].style.background=“blue”;
js对象转换成jQ对象:



6、 强大的jq选择器（重点）
强大的原因：jQuery实现了从CSS1到CSS3所有的选择器

1. 基础选择器
   id选择器，类选择器，标签选择器
   

2. 层级选择器
   l 后代选择器
   
   l 子代选择器
   

3. 基本过滤选择器
   l ：eq(index)
   
   选择匹配到的元素中索引号为index的一个元素，index从0开始
   l ：odd
   
   匹配元素中索引值为奇数的元素，索引值从0开始
   l ：even
   匹配元素中索引值为偶数的元素，索引值从0开始
   

4. 筛选选择器（方法）（重点）
   l box.find（） 找所有后代元素(子子孙孙) 推荐
   l box.children( ) 找亲儿子
   理解：
   
   
   
   l box.siblings( ) 查找所有的兄弟元素，但不包括自己
   l box.next( ) 查找下一个胞弟
   l box.prev ()
   
   l box.parent（）查找父元素
   l box.parents（）查找祖先元素
   
   l box.parents（）查找祖先元素
   l $(“li”).eq(index)