目錄

• 一、簡單動畫
  • 1、基本
  • 2、滑動（捲簾效果）
  • 3、淡入淡出
  • 4、自定義
• 二、each迴圈
• 三、data方法
• 四、外掛

一、簡單動畫

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