jQuery的概念和语法

      想要了解jQuery，得先了解什么是JavaScript库，JavaScript库就是封装好了 js原生代码的一个文件，方便我们去进行方法的调用。而jQuery就是封装DOM的一种方法的集合。高效快捷开发，用更少的代码写更多的东西，这就是jQuery。

     1.jQuery是封装DOM的一些API，想要用jQuery得有个函数入口

$(function(){



});

2.DOM的顶级对象 Windows。而jQuery的顶级对象是$ 符号，或者jQuery名字，你可以把它理解为一个调用jQuery的符号。而$符号就是jQuery的顶级对象。

3.jQuery对象是不能直接使用DOM原生的方法和属性的，所有需要转换。以下是jQuery装换DOM.

$()[0] 或者$().get(0)。

DOM装换为jQuery。

$(funcount(){

$("div").
})

jQuery选择器

jQuery的选择器跟css选择器很类似，其中包括$('选择器')  简单选择器，复合选择器，属性选择器，结构伪类选择器..

1.$("#id") id选择器  2.$("*") 全选选择器 3.$(".")类选择器 4.$("div")标签选择器
5.$("div, span")交集选择器 6.$("div span") 后代选择器 7$("ul>li") 子代选择器

隐式迭代 ：是jQuery非常重要的概念

就是遍历内部DOM元素（以伪数组的形式存储）的过程叫做隐式迭代。简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们自己进行循环。

筛选选择器：

1.li:eq(0)  选择的是第一个li，方便拿到我想选择的第几个
2.li:first  获取第一个li
3.li:last  获取最后一个li
4.li:odd  选中奇数行的li
5.li:even  获取偶数行的li

jQuery筛选方法

    1.父子关系的

  $().parent()  获取父元素 
 $().children()  如果里面不放参数，那么获取的是所有的亲儿子，如果里面参数，获取的是指定的亲儿子（选择器）
 $().find() 如果里面不放参数，获取的是所有的子孙后代，如果有参数，那么获取的是指定的子孙后代（选择器）

   2.兄弟关系

 $().siblings() 如果没有参数，那么获取的是所有的兄弟元素（不包含自身），如果放参数，获取的是指定的兄弟元素（选择器）

3.根据索引来获取对应的元素

$().eq() 根据索引来获取对应的元素通过 
 $().index() 来获取对应的索引值

jQuery样式

jQuery还有一个特点就是链式编程

 1.链式编程: 特点：  方法的返回值绝对是一个jquery的对象  注意： 当前方法调用了之后，返回的是哪个对象

行内样式修改

css（）： 
参数放两个值， key value， key代表是属性名，value代表是属性值   $().css('width','200')

类样式修改

 $().addClass()  添加类名
 $().removeClass()  移除类名
$().toggleClass()  切换类名

 jQuery效果

  1.基础显示隐藏

 $().addClass()  添加类名
 $().removeClass()  移除类名
 $().toggleClass()  切换类名

2.滑入滑出

             $().slideDown()  滑出
            $().slideUp() 划入
            $().slideToggle()  切换

  3.淡入淡出

 $().fadeIn()  淡入
$().fadeOut()  淡出
 $().fadeToggle()  切换
  $().fadeTo(执行时间，目标透明度值)  淡化到指定透明度

4.自定义动画

 animate(执行动画的属性，动画执行时间，运动曲线，动画结束后的回调)
由于用户快速切换的时候，会形成动画队列，所以我们需要通过 stop()来停止之前的动画