首页 > Web开发 > 详细

12.jQuery简单补充

时间:2020-08-08 21:21:55      阅读:101      评论:0      收藏:0      [点我收藏+]

一、简单动画

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简单补充

原文:https://www.cnblogs.com/journeyer-xsh/p/13460083.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!