JQuery_003_事件绑定与解绑

 $(function () {
           //第一个按钮通过on的方式绑定点击事件
           $("#btn1").on("click",function () {
               alert("我被点了");
           });
           //第二个按钮把第一个按钮的点击事件解绑
           $("#btn2").on("click",function () {
               //off()参数:要解绑的事件的名字
               $("#btn1").off("click");//解绑事件
           });
       });

 $(function () {
           //第一个按钮bind绑定事件
           $("#btn1").bind("click",function () {
               alert("我又被点了");
           });
           //第二个按钮unbind解绑事件
           $("#btn2").bind("click",function () {
               $("#btn1").unbind("click");//解绑事件的方法
           });
       });

 $(function () {
            //点击第一个按钮为div中p绑定点击事件
            $("#btn1").click(function () {
                $("#dv").delegate("p","click",function () {
                    alert("我被点了");
                });
            });
            //点击第二个按钮为div中p解除绑定事件
            $("#btn2").click(function () {
                $("#dv").undelegate("p","click");//解绑
            });
        });

原文地址:https://www.cnblogs.com/YSeventeen/p/10525162.html

时间: 2024-08-29 14:11:26

JQuery_003_事件绑定与解绑的相关文章

jquery中的DOM事件绑定与解绑

在jquery事件中有时候有的事件只需要在绑定后有效触发一次,当通过e.target判断触发条件有效触发后解除绑定事件,来避免多次无效触发和与未知情况造成冲突. 这时候就要用到了jquery中的事件绑定与事件解绑. 1 $(document).on('click.endEdit',function (e) { 2 if(!$(e.target).hasClass('datagrid-cell')&&e.target.tagName!="TD"){ //事件发生后的判断条

js元素事件绑定与解绑

为元素绑定事件有3种方式: 1.最常见的绑定方式: document.getElementById("btn").onclick=function(){}; 2.非IE浏览器     element.addEventListener(type,fn,false) (布尔值====true表示捕获,false表示冒泡,一般用false): document.getElementById("btn").addEventListener("click"

jquery 事件- 绑定与解绑

一.on() 的多事件绑定 $("#elem").on("mouseover mouseout",function(){ }); //多个事件绑定一个函数 $("#elem").on({ //多个事件绑定不同函数 mouseover:function(){}, mouseout:function(){} }); <div class="left"> <p class="aaron">

jQuery-3.事件篇---事件绑定与解绑

on()的多事件绑定 之前学的鼠标事件,表单事件与键盘事件都有个特点,就是直接给元素绑定一个处理函数,所有这类事件都是属于快捷处理.翻开源码其实可以看到,所有的快捷事件在底层的处理都是通过一个"on"方法来实现的.jQuery on()方法是官方推荐的绑定事件的一个方法. 基本用法:.on( events ,[ selector ] ,[ data ] ) 最常见的给元素绑定一个点击事件,对比一下快捷方式与on方式的不同 $("#elem").click(funct

事件绑定与解绑

var EventUtil = { addHandler:function (obj, type, handler) { if(obj.addEventListener) { //如果是标准浏览器,即支持addEventListener的 console.log('标准浏览器'); obj.addEventListener(type, handler); } else if(obj.attachEvent) { //IE低版本浏览器 console.log('IE低版本浏览器'); obj.at

jquery中事件重复绑定以及解绑问题

一般的情况下,对于这种情况,我们常规的思路是,先解绑,再绑定,如下: $(selector).unbind('click').bind('click',function(){....}); 当这样会有一个问题,unbind会把其之前的所有的click事件都unbind掉,可能会影响其他的绑定,有如下有两种方法解决: 第一种: 使用事件命令空间,来唯一标识这个click的绑定,这样在解绑是不会将其他click绑定的事件也给解绑. $(selector).unbind('click.selector

Service的启动与停止、绑定与解绑

---恢复内容开始--- Service的意义就在于当软件停止之后还可以在背景中进行运行,换句话也就是说,比如一个音乐播放器,当我们退出音乐播放器的时候,还是希望它在背景中运行,也就是一直播放着音乐,这时候Service就派上了大的用途. Service的生命周期和Activity的生命周期差不多.也有开启和停止.onCreate()方法是初始化配置,onDestroy()是释放所有剩余的资源.Service周期是发生在onCreate()和onDestroy()之间的. startServic

【JQ】jq动态绑定事件.on()、解绑事件off()

#JQ 绑定与解绑事件的方法的历史演变 1. jquery1.4 及之前的版本,由.click() 或 .bind()方法绑定的事件,不能适用脚本创建的新元素:即是说页面加载完成后,再动态创建的DOM元素并不能响应之前绑定的事件!解绑事件使用.unbind()方法: 旧版本的处理方法是使用.live()方法来代替事件绑定.bind(),使得绑定的事件能适用脚本创建的新元素,从而实现事件的动态绑定:解绑事件使用.unlive()方法: 1 <html> 2 <head> 3 <

jquery中不同方式绑定事件后的解绑方法

使用live绑定的事件,用die()解除绑定 使用bind绑定的事件,用unbind解除绑定 使用delegate绑定的事件,用undelegate解除绑定 使用on绑定的事件,用off解除绑定