2019独角兽企业重金招聘Python工程师标准>>>

一、on方法

在Jquery1.7中添加,用来代替其他事件绑定方法。向匹配元素添加一个或多个事件处理程序

使用语法:

$(selector).on(event,childselector,data,function)

参数:

event:必需项;添加到元素的一个或多个事件,例如 click,dblclick等;

childSelector: 可选;需要添加事件处理程序的元素,一般为selector的

子元素; 

data:可选;需要传递的参数;

function:必需;当绑定事件发生时,需要执行的函数;

on方法不仅可以绑定单个事件,也可以同时绑定多个事件。

对应解绑方法:off()

html代码如下

<body>

<button>事件</button>

<div>div1</div>

</body>

on方法事件绑定如下图所示

转载于:https://my.oschina.net/u/2971691/blog/818014

jQuery事件绑定(一)相关推荐

  1. JQuery事件绑定,bind与on区别

    jquery事件绑定 bind:向匹配元素添加一个或多个事件处理器 $(selector).bind("click",data,function); live:向当前或未来的匹配元 ...

  2. JQuery-学习笔记06【高级——JQuery事件绑定和切换】

    Java后端 学习路线 笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...

  3. jquery事件绑定和解除绑定bind、unbind、one

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程4-事件操作全解 jquery事件绑定 使用函数bind(type [,data],fn)绑定事件,one函数也可以进行一次绑定,但是需要注意b ...

  4. day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、 对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定

    回顾 1. bom对象window对象三种弹框alert()confirm()prompt()二种定时器一次性:setTimout() --- 通过递归实现循环性循环性:setInterval()lo ...

  5. HTML中详述jQuery事件绑定方式

    jQuery事件绑定方式 1.bind()方法: bind(type,[data],fn):为每个匹配元素的特定事件绑定对应的事件处理函数,各参数含义如下: type表示事件类型,多个事件类型使用空格 ...

  6. jQuery事件绑定on()、bind()与delegate() 方法详解

    啃了一段日子的js相关了,学的过程中发现在jQuery中绑定事件时,有人用bind(),有人用on(),有人用delegate(),还有人用live(),看代码的时候觉得都实现功能了也就掀过去了,只是 ...

  7. jQuery 事件绑定方法(bind hover toggle live.... )、删除事件方法(unbind, die)及 事件对象

    事件绑定方法: 1.<type>(function) $("button").click(function(){... }); 2.bind(map) $(" ...

  8. 1、jquery事件绑定和委托的实现

    jQuery的事件绑定和委托可以使用 on().one().bind().live().delegate()等方法实现. 1.on()  : 语法:$(selector).on(event,child ...

  9. jquery事件绑定解绑机制源码分析

    引子 为什么Jquery能实现不传回调函数也能解绑事件?如下: $("p").on("click",function(){alert("The par ...

  10. wpf checkbox选中触发事件_Web前端开发(16)——JQuery事件绑定与插件

    事件绑定 jquery标准的绑定方式 jq对象.事件方法(回调函数); 比如给name绑定点击事件: $("#name").click(function () { alert(&q ...

最新文章

  1. 1.2 Java类的定义
  2. python基础-分支判断语句(4)
  3. 【职场】肺腑之言,给即将参加秋招的同学一点建议
  4. kafka如何彻底删除topic及数据
  5. XAMPP 1.8.2-2 Apache Web Server won't start, always stops immediately
  6. php强制对齐,[强迫症福利] 使用 PHPStorm 对齐数组的键值对
  7. Spring MVC和JQuery用于Ajax表单验证
  8. ddns客户端_DDNS哪家最方便?试试看Mikrotik的ROS!
  9. python中%s是什么意思_python中的%s%是什么意思
  10. RedHat Linux 5企业版开启VNCSERVER远程桌面功能[转]
  11. EntityFramework 7 Linq Contains In 奇怪问题(已修复)
  12. 简单MFC程序开发-C++反编译肉鸡养成
  13. 笔记本电脑桌面计算机图标不见了怎么办,桌面图标不见了怎么办,教您电脑桌面图标不见了怎么办...
  14. android gps信号检测工具,【分享】GPS Test Plus全球GPS定位卫星信号检测工具
  15. 电脑IP地址查看及修改
  16. 麻将 java_java麻将游戏算法
  17. Normalize.css简书
  18. 《Security of GPS/INS based On-road Location Tracking Systems》论文翻译
  19. python如何连redis_Python连接Redis的基本配置方法
  20. 软件测试的压力测试的性能指标,压力测试主要指标有哪些

热门文章

  1. MongoDB 3.X 用户权限控制
  2. Java多线程系列——深入重入锁ReentrantLock
  3. PAT1069. The Black Hole of Numbers
  4. [转]gcc生成动态库静态库
  5. 分组显示的ListView分页加载数据
  6. 2012-04-12
  7. java 正规 忽略,java-正则表达式查找变量并忽略方法
  8. mysqli 扩展_MySQLi的优势
  9. python socketio_flask-socketio实现WebSocket的方法
  10. 操作系统以什么方式组织用户使用计算机,操作系统习题