jQuery 動畫 核心函式

2021-08-19 10:05:59 字數 1131 閱讀 5533

一.動畫

1.show()顯示 .hide()隱藏

可以穿引數

$("#btn1").on("click",function())

$("#btn2").on("click",function())

還可以設定數字,多少秒之後消失,改變的是寬 高 和opcity的值

1.opcity css 屬性 透明度

2.fadein() fadeout()設定淡入淡出效果

$("#btn1").on("click",function())

$("#btn2").on("click",function())

引數的單位是毫秒=0.001s

3.slidedown() slideup()

$("#btn1").on("click",function())

$("#btn2").on("click",function())

4. .animate()

$("#btn3").on("click",function(),3000,function())

})第乙個引數是變化後的樣式,第二個是變化事件,第三個是結束後的動作

1.width:'+=20',

height:400,

opcity:0.5,

},3000,function()}

可以傳乙個引數 ,一次加多少 或者一次減多少

width:300,

// height:400,

// opcity:0.5,

},3000).animate(,3000)

先執行乙個動畫再執行乙個動畫,否則是一起執行的。

4..stop()

$("#btn4").on("click",function())

1.第乙個引數設定為true的時候,全部動畫都會停止

2.第二個設定為true的時候,會直接到達第乙個動畫的終點之後直接開始第二個動畫

二 核心函式

1.extend()

var o1 =

var o2 =

var o3 =$.extend(o1,o2);

console.log(o3);

把o2合併到o1;

2..each(function(index))

jQuery核心函式

jquery核心函式 1.jquery expression,context 返回值 jquery 這個函式接收乙個包含 css 選擇器的字串,然後用這個字串去匹配一組元素。示例 找到所有 p 元素,並且這些元素都必須是 div 元素的子元素。html one two three jquery di...

jQuery核心函式

一,jquery selector,context 這個函式接收乙個包含 css 選擇器的字串,然後用這個字串去匹配一組元素。jquery 的核心功能都是通過這個函式實現的。jquery中的一切都基於這個函式,或者說都是在以某種方式使用這個函式。這個函式最基本的用法就是 向它傳遞乙個表示式 通常由 ...

jQuery核心函式

使用jquery的第一步就是獲取jquery物件,jquey庫中獲取jquery物件主要有如下兩種方式 1 使用 函式或用jquery物件提供的,利用父子關係來返回有jquery物件。2 jquery物件的呼叫方法改變自身後將再次返回該jquery物件。所以jquery 函式獲取jquery物件的重...