三、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 某個論壇的註冊頁面,使用者必須選中頁面下方 同意並接受註冊協議 核取方塊,否則不能提交 ...