热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JQuery总结(3)jQuery各种事件

一,添加事件1.$(li).click(function(){$(this).css(background,orange)})

一,添加事件

     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()    键盘按下的时候  
 



推荐阅读
author-avatar
手机用户2502885441
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有