jquery - 动态绑定事件

举个例子：

html页面

<div><button type="button" class="test">测试</button></div>

js页面

方法1：
$('.test').click(function(){alert('test');
}）

方法2：
$('div').on('click','.test',function(){alert('test');
}）

上面两个方法表面上的效果是一样，但是实际上方法2是有动态绑定事件的功能。

例如一个动态添加的元素，如果这个元素带有test类选择器，用方法1点击该元素是没有任何反应的，用方法2点击元素是会触发事件的。

转载于:https://www.cnblogs.com/shifu204/p/6840062.html

jquery - 动态绑定事件相关推荐

jQuery动态绑定事件或者原生js动态绑定事件
说一个这周写前后端交互时遇到的一个印象深刻的问题--动态绑定事件. 一.jQuery 一般我们给节点绑定事件使用的都是这样的形式 $("#btns").click(function ...
jquery动态绑定事件的方法_Jquery绑定事件及动画效果
绑定事件 bind(type, data, fuc) one(type, data, fuc) //只执行一次常见事件类型名称含义blur失去焦点focus获得焦点load加载resize重置大小 ...
js中动态添加/插入HTML代码块，并通过JQuery动态绑定点击事件
文章目录前言一.场景需求还原二.代码示例 1.引入JQuery库 2.代码示例一:HTML中div标签部分二:HTML中script标签部分三:JS文件部分总结前言本篇文章中讲的是在 ...
jQuery框架-动态绑定事件on与off-jQuery循环遍历
动态绑定事件:绑定(on)与解绑(off) 目标学习事件的动态绑定与解绑什么是事件绑定在JS代码执行过程中,让某些元素绑定一些事件,这时这个元素就可以激活这些事件.也可以在执行过程中解绑一些事件 ...
updatepanel失效怎么办_【点滴积累】解决jQuery绑定事件在updatepanel更新后失效的方法...
背景接到了领导给的一个New Feature,为系统的菜单导航栏进行一些个性化的操作(鼠标移到导航菜单时下方出现子菜单,移到其他的菜单选项时显示该选项的子菜单,隐藏其他子菜单.其次就是当使用鼠标点击 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十一) —— jQuery Mobile 事件详解
在前文<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...
JavaScript动态绑定事件
什么是动态绑定事件? js最突出优点在于能动态修改页面样式和动态修改页面内容,然而在我们开发过程中,将动态添加的元素中绑定事件的现象称为动态绑定事件. 动态绑定无法触发js的案例? <html& ...
js进阶课程 12-9 jquery的事件对象event的方法有哪些？
js进阶课程 12-9 jquery的事件对象event的方法有哪些? 一.总结一句话总结:三组六个,阻止默认事件一组,阻止冒泡一组,阻止冒泡和剩余事件一组. 1.事件的默认动作指什么? 比如点a标 ...
jquery的事件对象
jquery的事件对象就是js事件对象的一个封装,就是做了一个兼容性的封装. screenX和screenY 对应屏幕最左上角的值 clientX和clientY 距离页面左上角的位置(忽略滚动条) ...

jquery - 动态绑定事件

jquery - 动态绑定事件相关推荐

最新文章

热门文章