jquery事件的常用方法-阿里云开发者社区

开发者社区> 沐橙~> 正文

jquery事件的常用方法

简介: 单击按钮 ,按钮消失 $(document).ready(function(){ $("button").click(function(){ $(this).
+关注继续查看
单击按钮 ,按钮消失
$(document).ready(function(){     
  $("button").click(function(){         
     $(this).hide();       
  });
});
双击按钮,按钮消失
$("button").dblclick(function(){
         $(this).hide();
});
鼠标放上去,按钮消失
$("button").mouseenter(function(){       
         $(this).hide();
});
鼠标离开,按钮消失
$("button").mouseleaver(function(){       
     $(this).hide();
});

2.绑定事件和解除绑定事

   $(document).ready(function(){
        //$("#clickMeBtn").bind("click",clickHandler1);
        //$("#clickMeBtn").bind("click",clickHandler2);
       // $("#clickMeBtn").unbind("click",clickeHandler1);

        $("#clickMeBtn").on("click",clickHandler1);
        $("#clickMeBtn").on("click",clickHandler2);
        $("#clickMeBtn").off("click",clickeHandler1);
    });

   function clickHandler(e){
             console.log("clickHandler1")
  }
  function clickHandler(e){
             console.log("clickHandler2")
   }

3.事件的目标和事件冒泡

阻止事件冒泡的API:
event.stopPropagation() //阻止父级的冒泡事件
event.stopImmediatePropagation()// 阻止所有的冒泡事件

5.自定义事件

var ClickMeBtn;
$(doucument).ready(function){
      ClickMeBtn = $("#ClickMeBtn");
      ClickMeBtn.click(function(){
               var e =jQuery.Event("MyEvent");
               ClickMeBtn.trigger(e);
});
     ClickMeBtn.bind("MyEvent",function(event)){
                 console.log(event);
})
});

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Unity 3d 脚本常用事件汇总
Awake()在MonoBehavior创建后就立刻调用,在脚本实例的整个生命周期中,Awake函数仅执行一次;如果游戏对象(即gameObject)的初始状态为关闭状态,那么运行程序,Awake函数不会执行;如果游戏对象的初始状态为开启状态,那么Awake函数会执行;值得注意的一点是,Awake函数的执行与否与脚本实例的状态(启用或禁用)并没有关系,而是与脚本实例所绑定的游戏对象的开关状态有关。
1298 0
jquery常用代码片段
1)判断一个元素是否存在 使用jQuery判断元素是否存在,非常的简单。对于一个jQuery对象,我们只需要用length属性即可判断元素是否存在,如果存在肯定是大于0,示例代码: 判断这个图片是否存在,如果存在在把这个图片替换 $(document).
803 0
JQuery中事件是否发生的判断
$(document).ready(function () {     $("html").click(function (e) {         if (e.target == $("#id/.class")[0]) {             //函数体         }     }); }); target 属性规定哪个 DOM 元素触发了该事件。
565 0
jQuery中$.fn的用法示例介绍
jQuery中$.fn的用法示例介绍 $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子:$("#div").abc(); jQuery为开发插件提拱了两个方法,分别是: jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。
628 0
+关注
沐橙~
顶亲亲的前端程序媛
18
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载