12.jQuery简单补充

一、简单动画

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();		//输出 哈哈

12.jQuery简单补充

上一篇:9.jQuery初识—选择器、效果


下一篇:nginx配置支持websocket