jQuery绑定事件-多种方式实现：

  1. <html>
  2. <head>
  3. <meta charset="utf-8" />
  4. <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><!--百度CDN-->
  5. </head>
  6.  
  7. <body>
  8. <input type="text"/>
  9. <input type="button" value="button1"/>
  10. <script>
  11. $(function(){
  12.     var text = $(":text");
  13.     var button = $(":button");
  14.     //调试器记录日志  console.log("message"); 如：火狐浏览器，打开FireBug(按F12)
  15.  
  16.     //触发单个事件：两种方式
  17.     button.bind("mouseover",function(){
  18.         console.log("移入");
  19.     });
  20.     button.bind({
  21.         "mouseout": function(){
  22.             console.log("移出");
  23.         }
  24.     });
  25.     //多个事件：三个方式
  26.     text.bind("dblclick blur",function(){
  27.         console.log("双击或者失去焦点");
  28.     });
  29.     text.bind({
  30.         "dblclick blur":function(){
  31.             console.log("双击或者失去焦点");
  32.         }
  33.     });
  34.     text.bind({
  35.         "dblclick":function(){
  36.             console.log("双击");
  37.         },
  38.         blur:function(){
  39.             console.log("失去焦点");
  40.         }
  41.     });
  42.  
  43.     //取消事件
  44.     text.unbind("dblclick"); //取消单个事件
  45.     //text.unbind("dblclick blur"); //取消多个事件
  46.     //text.unbind(); //取消全部事件
  47. });
  48.  
  49. </script>
  50. </body>
  51. </html>

jQuery绑定事件-多种方式实现的更多相关文章

  1. jquery 绑定事件 获取方式 --------------data event 获取

    //绑定事件 bind event $("body").on("click",function(){ console.log("in") } ...

  2. jQuery绑定事件的四种方式

      jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码.下面我们来看下jQuery中绑定事件的方式都 ...

  3. jQuery绑定事件的四種方式

    这篇文章主要介绍的是jQuery绑定事件的四种方式相关内容,下面我们就与大家一起分享. jQuery绑定事件的四种方式 jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点 ...

  4. JavaScript三种绑定事件的方式

    JavaScript三种绑定事件的方式: 1. <div id="btn" onclick="clickone()"></div> // ...

  5. jQuery绑定事件的on()

    jQuery绑定事件 语法:$(selector).on(event,childselector,function(){}); 可以为自身的加事件(一个或多个)  也可以为其子元素加事件(一个或多个) ...

  6. js进阶---12-10、jquery绑定事件和解绑事件是什么

    js进阶---12-10.jquery绑定事件和解绑事件是什么 一.总结 一句话总结:on和off. 1.jquery如何给元素绑定事件? on方法 22 $('#btn1').on('click', ...

  7. Jquery绑定事件及动画效果

    Jquery绑定事件及动画效果 本文转载于:https://blog.csdn.net/Day_and_Night_2017/article/details/85799522 绑定事件 bind(ty ...

  8. 关于jquery绑定事件执行两次

    经常会出现jquery绑定事件执行两次的情况,如: $("a[tag=slide]").click(function () { alert(1); $(this).parent() ...

  9. jquery绑定事件时如何向事件函数里传参数

    jquery绑定事件时如何向事件函数里传参数 jquery绑定事件时如何向事件函数里传参数 举例子说明: 步骤1: var button=$('<button type="button ...

随机推荐

  1. XPath语法 在C#中使用XPath示例

    XPath可以快速定位到Xml中的节点或者属性.XPath语法很简单,但是强大够用,它也是使用xslt的基础知识. 示例Xml: <?xml version="1.0" en ...

  2. Json.Net介绍及实例

    本系列教程假设读者已经对Json有一定的了解,关于Json在这里不多说.本系列教程希望能对读者开发涉及到Json的.Net项目有一定的帮助.本系列教程是根据官方文档资料和自己项目应用汇总而成.如果觉得 ...

  3. poj 3744 矩阵 高斯消元

    着实被批评了一下,自己的数论确实太烂了. 题意:一条路上,有n个炸弹,给出每个炸弹的位置,一次走一步的概率是p,走两步的概率是1-p.求安全走完的概率. 定义dp[i] = dp[i-1]*p + d ...

  4. CDZSC_2015寒假新人（1）——基础 d

    Description These days, I am thinking about a question, how can I get a problem as easy as A+B? It i ...

  5. Shell学习之Shift的用法

        位置参数可以用shift命令左移.比如shift 3表示原来的$4现在变成$1,原来的$5现在变成$2等等,原来的$1.$2.$3丢弃,$0不移动.不带参数的shift命令相当于shift 1 ...

  6. 在windows下安装mysql

    本文主要讲mysql解压版在windows下的安装和配置,在官网http://www.mysql.com/下载mysql-cluster-gpl-7.3.7-winx64.zip,然后将mysql解压 ...

  7. Github获取仓库最新Release版本号API

    package me.chunsheng.hongbao.utils; import android.content.Context; import android.content.Intent; i ...

  8. OpenWRT交叉编译

    对于当前不在OpenWRT repository中的软件,如果是用源码形式发布的,那么可以用OpenWRT Buildroot进行交叉编译. 首先编译好Buildroot(一般编译过一次固件,就已经编 ...

  9. android-support关联源码

    http://blog.csdn.net/xiaanming/article/details/9031141 http://www.cnblogs.com/androidez/archive/2013 ...

  10. linux使用FIO测试磁盘的iops

    FIO是测试IOPS的非常好的工具,用来对硬件进行压力测试和验证,支持13种不同的I/O引擎,包括:sync,mmap, libaio, posixaio, SG v3, splice, null, ...