原 《鋒利的JQuery》讀書筆記 三

2022-02-02 08:20:06 字數 1843 閱讀 1684

三、jquery中的事件和動畫

1、$(document).ready()  執行時機——dom就緒

2、load()方法

如果繫結window   $(window).load() 所有元素都載入完才執行

如果繫結元素, 元素載入完就執行

3、$(this) 將當前的dom元素轉成jquery物件

4、is()方法用於判斷

5、繫結事件 bind() ——形式 bind("click",function(){})

6、繫結事件的簡寫:去掉bind() ,直接 .click(function(){})

7、合成事件兩個

hover() ——>滑鼠懸停切換

toggle()——>滑鼠單擊切換,可見狀態切換

8、事件冒泡

定義:後代中事件觸發會逐級向上觸發父級的事件

停止事件冒泡:

bind("click",function(event){

event.stoppropagation();   //寫上這句就不會觸發上級的事件了

event.preveentdefault();

以上兩種情況可以直接用一句話搞定:return false;

9、事件物件

event.type() 事件型別

event.preventdefault() 阻止預設事件

event.stoppropagation()停止事件冒泡

event.target 獲得觸發事件的元素

event.pagex()/event.pagey() 滑鼠的x,y 座標

event.which 滑鼠單擊哪個鍵(1,左 2、中  3、右)

event.metakey()   獲得按鍵

10、移除事件  unbind()

[1]unbind(type) 移除特定的一類事件

[2]unbind(type,func()) 移除某個事件

[3]unbind() 移除所有事件

one() 繫結的事件只觸發一次

11、模擬操作 trigger()

12、bind的其他功能

繫結多個事件

新增事件命名空間

相同事件名稱,不同命名空間的執行方法

13、jquery的動畫

可見、不可見

show()或 show(1000)

hide() 或hide(1000)

淡入淡出

fadein()

fadeout()

高度變化

slideup()

sildedown()

animate()方法

animate(樣式,速度,動畫完成時的方法)————都是可選的

14、多重動畫:按照動畫的順序與動畫拆開寫

15、動畫**函式:解決動畫結束後欲改變css樣式或執行某些行為的方法

16、stop()停止元素的動畫

stop(true) 停止多個連續的動畫

stop(true,true) 停止當前動畫並到達當前動畫的末狀態

17、判斷是否處於動畫狀態

$(element).is(":animated") 返回布林值

18、其他動畫

toggle() 切換隱藏、可見

slidetoggle() 切換改變高度的隱藏、可見

fadeto(600,0.2)  0.6秒調整到指定的2%不透明度 

本文出處:    本文版權歸作者和共有,歡迎**,但未經作者同意必須保留此段宣告,且在文章頁面明顯位置給出原文連線,否則保留追究法律責任的權利。

原 《鋒利的JQuery》讀書筆記 四

五 jquery 對表單 的操作 1 focus 獲取焦點 blur 失去焦點 2 height 設定或獲取元素的高度 3 scrolltop 可用於animate的屬性,例如 scrolltop 50 向上滾動 4 提交表單前去觸發驗證事件可用 trigger event 會冒泡 triggerh...

鋒利的jQuery 讀書筆記

第一章 認識jquery 1 鏈式操作方式 這是jquery中最具有特色的,即對發生在同乙個jquery物件上的 一組動作,可以直接連寫而無需重複獲取物件。2 jquery物件中不能使用dom物件的任何的方法,同時dom物件也不能使用jquery物件的方法。3 為了區別dom物件和jquery物件,...

鋒利的Jquery讀書筆記

一直覺得學習jquery挺難的,看看選擇器,記住他的一些方法,可是光看不練的話始終的掌握不了,個人覺得鋒利的jquery上面的例子不錯,可以全部自己做出來的話應該就過關啦 下面列出本書的例子,供自己以後參考 2 某個論壇的註冊頁面,使用者必須選中頁面下方 同意並接受註冊協議 核取方塊,否則不能提交 ...