jQuery 第1（概述）

jQuery概述

（1）JavaScript库
常见的js库：jQuery、prototype、YUI、Dojo、Ext JS、移动端的zepto；都是对原生js代码进行了封装，内部都是用JavaScript实现的；
（2）jQuery概念
1，是一个快速的、简洁的js库，其设计宗旨是" write Less, Do More “,即倡导写更少的代码，做更多的事情；
2，j就是JavaScript；Query查询；就是查询js，吧js中的DOM操作做了封装，我们可以快速的查询使用里面的功能；
3，jQuery封装了JavaScript常用的功能代码，优化了DOM操作、事件处理、动画设计和Ajax交互；
4，学习jQuery的本质就是学习调用这些函数（方法）；
（3）jQuery优点
1，轻量级，核心文件就几十kb，不会影响页面加载速度；
2，跨浏览器兼容，基本兼容现在主流的浏览器；
3，链式编程，隐式迭代；
4，对事件、样式、动画支持，大大简化了DOM操作；
5，支持插件扩展开发，有着丰富的第三方插件，例如：树形菜单、日期控件、轮播图等；
6，免费，开源；
（4）jQuery的入口函数
1，等着DOM结构渲染完毕即可执行内部代码，不必等所有外部资源加载完成，jQuery帮我们完成了封装；
2，相当于原生js中的DOMContentLoaded；
3，不同于原生js中的load事件是等页面文档，外部的js文件，css文件，图片加载完毕才执行内部代码；
代码示例：$（function（）{ }）
（5）jQuery的基本使用
1，$是jQuery的别称，在代码中可以用jQuery代替；
2，它也是jQuery的顶级对象，相当于js中的window ；
3，DOM对象是用原生js获取的对象，DOM对象只能使用原生的js属性和方法；jQuery对象是用jQuery方式获取的对象，jQuery对象只能使用jQuery方法；
（6）jQuery选择器
1，基本选择器： $（” 选择器 “）：和css选择器样式基本一致；
2，层级选择器：￥（” ul li "）：后代选择器，ul下所有li元素；
3，筛选选择器：￥（‘li：first’）：获取第一个li元素 ；li：eq（2）：获取索引号为2的元素；
例子：tab切换

 <script>
      $(function(){
          $(".tab_list li").click(function(){
              //链式编程操作
              $(this).addClass("current").siblings().removeClass("current");
              //点击的同时得到当前li的索引号
              var index=$(this).index();
              //让下面相应索引号的item显示，其余的隐藏
              $(".tab_con .item").eq(index).show().siblings().hide();
          });
      })
    </script>

（7）jQuery样式操作
1，jQuery设置样式：￥（" div "）.css（‘属性’, ‘值’ ）；
2，隐式迭代：遍历内部DOM元素（伪数组形式存储）的过程，把匹配的所有元素内部进行遍历循环，给每一个元素添加css这个方法；
3，js中className会覆盖元素原先的类名；jQuery里面类操作只是对指定类进行操作，不影响原先的类名；
（8）jQuery效果
1，显示隐藏效果：
show（显示）（[ speed、easing、fn（）]）；speed：速度（“slow”、“fast”）或是毫秒数值；
hide（隐藏）（[ speed、easing、fn（）]）；easing：切换效果，默认为“swing”，可用“linear”；
toggle（切换）（[ speed、easing、fn（）]）；fn：回调函数，动画完成后执行的函数；
2，下拉上拉滑动：
slideDown（下拉滑动）
slideUp（上拉滑动）
slideToggle（切换滑动）
3，淡入淡出效果：
fadeIn（淡入）
fadeOut（淡出）
fadeToggle（淡入淡出切换）
fadeTo（透明度）（s、透明度）
4，事件切换：hover（鼠标经过是触发的函数，鼠标离开时触发的函数）（鼠标经过和鼠标离开的复合写法）
5，动画队列：动画或是效果一旦触发就会执行，如果多次触发，就会造成多个动画或是效果排队执行； 停止排队：stop（）写在动画或是效果前面，相当于停止上一次动画；
6，自定义动画：animate ：参数params：想要更改的样式属性，以对象的形式传递，必须写