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>