一、简单动画
1、基本
show(time)和hide(time)显示和隐藏,time为毫秒级,选中的元素逐渐变大和逐渐变小
2、滑动(卷帘效果)
slideDown(time)和slideUp(time)类似窗帘的拉起和降下.time单位毫秒
3、淡入淡出
fadeIn(time)
4、自定义
二、each循环
$(‘li‘).each(function(k,v){
console.log(k,v.innerText);
});
循环标签对象数组
var d1 = [‘an‘,‘bn‘,‘cn‘];
$.each(d1,function(k, v){
console.log(k, v.innerText);
if (k==1){
return false;
}
});
三、data方法
.data()方法
任意jQuery对象都有data方法,可以保存任意值,可用来代替全局变量
//给标签对象添加数据,类似于全局变量
.data(key, value); 设置值
.data(key) 取值
.removebata(key) 删除值
四、插件
jQuery.extend(object)
//定义jQuery方法
$.extend({
func1:function(){console.log(‘哈哈‘)},
func2:function()({console.log(‘嘿嘿‘)}),
})
//调用func1
$.func1();
//这种写法是错的,因为func1是jQuery的,不是jQuery对象的
$(‘div‘).func1();
//拓展插件
$.fn.extend({
func1:function(){console.log(‘哈哈‘)},
})
//再调用
$(‘div‘).func1(); //输出 哈哈