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