JQuery 总结(3) jQuery 各种事件
一,添加事件
? ???1.$("li").click(function () {?
? ? ? ? ?$(this).css("background","orange")
? ? ? ? ?})
? ? 2.?$("li").on("click",function () {
? ? ? ??$(this).css("background","orange")
? ? ? ? ? })? ? ? 注意 如果on改成one 執行一次
? ? 3.?$("li").on({
? ? ? ? ?"click":function () {? ? ? ? ?$(this).css("background","orange")},
? ? ? ? ? "mouseover":function () {??$(this).css("background","pink")},
? ? ? ? ? ?} )
二,刪除事件
? ?1.$("li").off("") 刪除所有
? ? 2.$("li").off("click")只刪除單一事件
?
三,事件切換?
?hover(mouseover mouseout 合成)
$("li").hover(function () { fn1,fn2 } 當li鼠標經過覆蓋時執行fn1,離開執行fn2
$("span").Toggle(function () {console.log(1)} 切換顯示/隱藏
$("span").Toggle( fn1,fn2,fn3,}?1.9版本之前可以 點擊之后輪流執行后面函數
?
?
?所有事件:
| 1 2 3 4 5 6 7 8 9 10 | click???????? 當用戶按下并釋放鼠標按鍵或其他方式“激活”元素時觸發 contextmenu?? 可以取消的事件,當上下文菜單即將出現時觸發。當前瀏覽器在鼠標右擊時顯示上下文菜單 dblclick????? 當用戶雙擊鼠標時觸發 mousedown???? 當用戶按下鼠標按鍵時觸發 mouseup?????? 當用戶釋放鼠標按鍵時觸發 mousemove???? 當用戶移動鼠標時觸發 mouseover???? 當鼠標進入元素時觸發 mouseout????? 當鼠標離開元素時觸發 mouseenter??? 類似mouseover,但不冒泡 mouseleave??? 類似mouseout,但不冒泡<br><br>focus???????? 焦點狀態<br>focusout????? 失去焦點 |
| 1 | keypress()??? 鍵盤按下的時候 |
| 1 | <br><br><br> |
總結
以上是生活随笔為你收集整理的JQuery 总结(3) jQuery 各种事件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JQuery 总结(2) jQuery
- 下一篇: JQuery 总结(4) DOM操作