zoukankan      html  css  js  c++  java
  • 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版本之前可以 点击之后轮流执行后面函数

     



     所有事件:

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

    focus 焦点状态
    focusout 失去焦点
    keypress()    键盘按下的时候  
     


  • 相关阅读:
    养成好习惯:在控制面板里停止服务
    很吊炸天的Xcode插件,你想要的这都有
    Cscope how to support java and c++
    java_lambda表达式
    【C语言】14-返回指针的函数与指向函数的指针
    李洪强
    【C语言】13-指针和字符串
    李洪强-C语言7-C语言运算符
    【C语言】12-指向一维数组元素的指针
    李洪强-C语言6-控制结构
  • 原文地址:https://www.cnblogs.com/nice2018/p/9938532.html
Copyright © 2011-2022 走看看