JQuery 总结(3) jQuery 各种事件

mac2022-06-30  74

一,添加事件

     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版本之前可以 点击之后轮流执行后面函数

 

 所有事件:

click 当用户按下并释放鼠标按键或其他方式“激活”元素时触发 contextmenu 可以取消的事件,当上下文菜单即将出现时触发。当前浏览器在鼠标右击时显示上下文菜单 dblclick 当用户双击鼠标时触发 mousedown 当用户按下鼠标按键时触发 mouseup 当用户释放鼠标按键时触发 mousemove 当用户移动鼠标时触发 mouseover 当鼠标进入元素时触发 mouseout 当鼠标离开元素时触发 mouseenter 类似mouseover,但不冒泡 mouseleave 类似mouseout,但不冒泡focus 焦点状态focusout 失去焦点 keypress() 键盘按下的时候

转载于:https://www.cnblogs.com/nice2018/p/9938532.html

最新回复(0)