jQuery $(document).on('click','.classname',function(){});

最新推荐文章于 2023-04-07 00:33:39 发布
最新推荐文章于 2023-04-07 00:33:39 发布
阅读量7.6k 收藏 3
点赞数 2
分类专栏： jQuery 文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w410589502/article/details/52117745
版权

昨天在开发中，遇到一个问题，我需要执行click事件，可是我的执行的class选择器不光在jsp页面上，在js的html中也包含有，这样使用$(".className").on("click",function(){});就没办法调用。

jquery中用on来绑定事件，经常的写法有
$(document).on('click','.classname',function(){});
$('.classname').on('click',function(){});

$(document).on是把事件委托到了document上

$('#idname').on是把事件委托到了元素上面（绑定到idName上）


天才小小布
关注
专栏目录
【对于 Bootstrap3 缺少并添加 jQuery.min.js 文件】
Jade_Heng_Star的博客
07-16 898
对于 Bootstrap3 缺少并添加 jQuery.min.js 文件
jquery-3.5.1.rar
03-04
如`$("#element").click(function() {...})`用于监听点击事件，`$(document).ready(function() {...})`则在页面加载完成后执行指定的函数。此外，还可以使用`.on()`和`.off()`方法动态地绑定和移除事件监听器。 三...
$(document).on('click','.classname',function(){}); VS $('.classname').on('click',function(){});
a0544024083的博客
11-15 274
jquery中用on来绑定事件，经常的写法有$(document).on('click','.classname',function(){});$('.classname').on('click',function(){});上面两种都是给类是classname的元素添加了click事件，那这两个写法有什么区别呢？在效率上哪个更好呢？同样的，$(document).on('click',...
$(document).on(）; 方法
热门推荐
Embrace_w的博客
03-21 3万+
$(document).on('click','要选择的元素',function(){}）；用于动态事件的绑定：        var sysfoot = '<p class="verifi-box text-danger error-box mib-error"></p>'; sysfoot += '<button type="button" cla...
$(document).on(‘click‘, ‘#searchbtn‘, function (e){} 和 $(‘#searchbtn‘).on(‘click‘, function(e){}的区别
最新发布
wyfdavid的博客
04-07 592
$(document).on('click', '#searchbtn', function (e){} 和 $('#searchbtn').on('click', function(e){}的区别
$( document ).on( "click", ".element", function ( event ) {
weixin_42528089的博客
12-17 7931
.$(document).on('click','要选择的元素',function(){})是属于jquery的语法 例程： <html> <body> <ul> <li>1</li> <li>2</li> <li>3&amp
Jquery 事件委托$(document).on('click') 导致点击事件多次执行
MrLiber的博客
03-07 9026
用$(document).on(‘click’,’#XX’,function(){…})为元素添加点击事件 结果导致事件会执行多次 。 出现这种情况是因为每点击一下document就会绑定一遍事件，click事件进行了累加绑定，每调用一次，便增加一次绑定，所以导致触发多次事件。 解决这个问题的办法大致有下面几种： 1.每次绑定前先取消上次的绑定，在这个事件绑定的前面紧挨着加上off或者unbind...
jquery2.14.min.js.rar
04-23
2. **事件处理**：jQuery的事件绑定功能非常强大，通过`.on()`方法可以轻松实现。例如，`$("button").on("click", function() {...})`会为所有按钮添加点击事件监听器。相比原生JavaScript，jQuery的事件处理更易于...
jquery 最新版 v1.11.3 (1.x最新版)
08-31
5. **Ajax交互**：jQuery 提供了`$.ajax()`, `$.get()`, `$.post()`等方法，简化了异步数据获取和发送，支持XMLHttpRequest和JSONP。 6. **插件生态**：jQuery 社区有丰富的第三方插件，涵盖表单验证、轮播图、日期...
jQuery学习笔记.docx
02-28
1. `$(document).ready(function(){...})`与`window.onload`的区别： - `$(document).ready()`会在DOM（文档对象模型）完全加载后立即执行，即使图片和其他资源尚未加载完毕。因此，它可以更早地运行脚本，提高了...
【 jQuery】$(document).on('click','要选择的元素',function(){})和$().click()的不同
sinat_29326171的博客
03-28 1188
jQuery的出现，大大简化了对dom的操作，但是如果不是仔细阅读api和进行操作，就不知道其中最大的优点和使用方式。就拿().click()和().click()和().click()和(document).on(‘click’,‘要选择的元素’,function(){})来说，都是点击事件的操作，但是也有不同的地方。 　　1. $(选择器).click(fn) 　　　　当选中的选择器被点击时触...
$().click()和$(document).on(‘click‘,‘要选择的元素‘,function(){})的不同
weixin_43066287的博客
06-24 980
$().click()和$(document).on('click','要选择的元素',function(){})的不同
jQuery off() 方法
dengba9787的博客
02-26 305
实例 移除所有 <p> 元素上的 click 事件： $("button").click(function(){ $("p").off("click"); }); 　　 定义和用法 off() 方法通常用于移除通过on()方法添加的事件处理程序。 自 jQuery 版本 1.7 起，off() 方法是 unbind()、die() 和 ...
苹果手机浏览器$(document).on(“click”,function(){})点击无效的问题
07-20 3047
今天在测试的时候发现，动态生成元素的点击事件$(document).on(“click”,function(){})在andriod设备和电脑浏览器模拟上可以触发，而在apple移动设备上却无法触发。 试过很多办法，在元素生成后 再绑定事件，把click改成touch事件，都没有用，最后好不容易百度到了解决办法解决的方法很巧妙，就是给需要绑定事件的元素添加一个css cursor: ...
$(document).on("click", 在ios没效果
weixin_30735391的博客
03-14 289
原因是ios上没有click事件，解决办法2中 我只建议一种 就是在绑定的元素上添加一个 cursor:pointer 属性就可以了cursor:pointer; cursor:pointer 重要的事情写三遍。 转载于:https://www.cnblogs.com/lieaiwen/p/10530513.html...
$(document).on('click','.remove',function(){})
让我们荡起双桨的博客
11-03 674
使用prepend、append等追加元素的方法添加的元素后，由于没有被添加进DOM，因此它不能够触发事件处理函数，因此需要使用事件委托如.live()，bind(),等等方法，但bind()方法只会附加一个时间处理函数，以后添加的元素不再有，但是live在高版本后已逐渐被抛弃使用，取而代之的是.on(),$(document).on("click",".js-oper-upload",funct
$(document).on('click', '#id', function() {}) 与$('#id').on('click', function(){}) 区别
chubosheng0951的博客
06-07 1380
(document).on是把事件委托到document上，(‘className’).on是把事件绑定到.className元素上。效率方面，直接绑定在元素上会更为高效，绑定在document上，每次document有点击动作，浏览器都会判断当前点击的对象，如果匹配，再决定要不要执行，多了一...
$(document).on("click");在ios上不触发
weixin_42340514的博客
08-30 495
代码在电脑浏览器和安卓上都能触发点击事件，但是在iOS上却完全没有反应。 但是如果这个标签是button的话，click事件则是可以触发的，因为IOS中div本身默认不可点击 。 解决方案” 1：给这个元素添加css 在样式中添加属性cursor:pointer; .demo{curser:pointer;} 2、还可以将click改为touchstart事件，或者共存 $(doc...
$(document).on和$(‘.className‘).on区别
qq_36022463的博客
09-02 664
$(‘document’).on(‘click’,’.className’,function() { }); 是把事件绑定到document上,页面每次有点击就会去判断是否动作相符; $(’.className’).on(‘click’,function() { }); 是把事件绑定到元素上; $(“className”).on为onclick绑定，只有在页面onload的时候执行一次，当页面刷新后， 新加载的具有className的元素便没有事件绑定到上面了， $(document).on这种方法会刷新和
jQuery实用技巧大全：26个高效操作示例
可以使用`$.each`遍历图片URL数组，然后创建`new Image()`对象加载图片，例如`$.each(preloadImages, function() { var img = new Image(); img.src = this; });`。 6. 页面样式切换 通过添加或删除CSS类实现，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值