jQuery的单机和双击事件
(1)單機事件
click 定義和使用: 當點擊元素時,會發生 click事件。
當鼠標指針停留在元素上方,然后按下并松開鼠標左鍵時,就會發生一次click。
click() 方法觸發click事件,或規定當發生click事件時運行的函數。
觸發click事件的語法:(“abc”).click();將函數綁定到click事件:(“abc”).click(); 將函數綁定到click事件:(“abc”).click();將函數綁定到click事件:(“abc”).click(function(){});
參數function可選,規定當發生click事件時運行的函數。
一開始沒有設置事件的樣式
設置點擊事件代碼:
$("#pfxtFen li").click( function () {
$(this).addClass(“pfxtCur”)
});
addClass的定義和用法:addClass () 方法向被選元素添加一個或多個類。
該方法不會移除已存在的 class 屬性,僅僅添加一個或多個 class 屬性。
提示:如需添加多個類,請使用空格分隔類名。
點擊事件效果:
(2)雙擊事件
dblclick的定義和使用:當雙擊元素時,會發生dblclick事件。
當鼠標指針停留在元素上方,然后按下并松開鼠標左鍵時,就會發生一次 click。
在很短的時間內發生兩次 click,即是一次 double click 事件。
dblclick () 方法觸發dblclick事件,或規定當發生dblclick事件時運行的函數。
提示:如果把 dblclick和 click 事件應用于同一元素,可能會產生問題。
設置雙擊事件代碼:
$("#pfxtFen li").dblclick(“click”,function () {
$(“li”).removeClass(“pfxtCur”);
});
removeClass()方法從被選元素移除一個或多個。
雙擊事件的效果:
雙擊之前:
雙擊之后:
希望可以幫助到你們,以上就是我的分享,新手上道,請多多指教。如果有更好的方法或不懂得地方歡迎在評論區教導和提問喔!
總結
以上是生活随笔為你收集整理的jQuery的单机和双击事件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 推荐3篇 如何建立自己的知识体系
- 下一篇: WPS for Linux提示“系统缺失