jQuery方法集合

jQuery是建立在js上的一个方法库，也就是函数封装的集合。它封装了很多很多方法
比如：
each()可以遍历一个对象的所有元素。

$(".box1 p").each(
function(i){
    var a = $(".box1 p").index(i)
    console.log(a)
  }
)

如代码所示，each遍历了box1下面的所有p元素，代码中的index方法则是获取对象的下标值

这几天用的最多的方法还是要数animate（）,一个动画函数

$("#m_unit").animate({"left": -i*w}, 500, function() {
    
    // 0, 1, 2, 3, 4, 5
    //    第5张【动画结束】之后，改变指向下标 i, 
    if (i >= 5) {
        i = 0;  // 变成0
        $("#m_unit").css({"left": 0}); // 图片瞬间切换到第0张
    }
    
    
    // 移除所有li的 current样式
    $(".circles ol li").removeClass("current");
    
    // eq(i) 代表匹配下标为 i 的jQuery对象
    $(".circles ol li").eq(i).addClass("current");
    
})

animate里面有三个参数
第一个参数是一个对象，里面包括需要改变的属性和目标值
第二个参数是表示动画执行所需要的时间，可以不写。
第三个参数是回调函数，代表动画结束时执行的函数。可以不写

css（）可以改变目标对象的样式值 以对象形式传参数可以同时改变多个参数
eq（i）可以获取对象中第i个元素，并且作为jQuery对象
$(".circles ol li").eq(i)就是代表circles下面的ol下面的下标为i的li