on('click')与.click()事件的区别

最新推荐文章于 2025-03-16 18:49:02 发布

hesterrocks

最新推荐文章于 2025-03-16 18:49:02 发布

阅读量2w

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/hesterrocks/article/details/64442442

版权

JQuery 专栏收录该内容

5 篇文章

订阅专栏

$（selector）.on('click',function(){ });

支持动态绑定元素，即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素，如绑定body里的动态li元素：

$('body).on('click','ul li',function(){});

若直接绑定动态的li元素将不成功，效果与$('').click()相同。

$('').click()事件只能绑定静态元素。

详见：

JQuery.on() 函数详解

http://www.365mini.com/page/jquery-on.htm

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hesterrocks

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

函数式触发click和点击触发click在宏任务与微任务方面的区别

qq_45670042的博客

08-03

730

说一下自己的理解，在网上找了好久，并没有一个确切的描述这种结果产生的原因。上述两种结果的原因在于调用栈是否清空。也可以说是当前宏任务是否执行完毕。

.click()与on('click',function())

最新发布

2301_81440348的博客

03-16

898

是 HTML 中的一个事件属性，它定义了当元素被点击时应该执行的 JavaScript 代码。这个属性可以被添加到几乎所有的 HTML 元素上，除了一些不支持交互的元素，如<title><meta><script>等。(1) onclick 事件的基本用法。

$("").click与onclick的区别示例介绍

06-28

730

Html代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 <script type="text/javascript"> $(function(){ $("#btn4").click(function(){ $("#

关于click()和onclick()的区别

伟迷不正的博客

03-08

1794

关于click()和onclick()的区别

$().click()和$().on(‘click‘,function(){})的区别

Tommy

09-09

2293

在处理js追加元素点击事件时遇到点问题当你用$().click() 触发的时候你追击的元素会无法触发也就是不在页面内的元素 on方法包含很多事件，点击，双击等等事件。和$().click()的用法一样，最大的区别即优点是如果动态创建的元素在该选择器选中范围内是能触发回调函数。 e.stopPropagation(); 这个也是个知识点阻止事件冒泡到父级元素比如说在多层嵌套li 的时候点击事件触发 $(this) 输出是他的父级加上e.stopPropagation(); 这一有效的解决

详解vue.js的事件处理器v-on:click

10-19

`v-on`指令也可以与Vue的表达式配合使用，动态绑定事件处理函数： ```html <button v-on:click="handleClick(user.id)">Delete ``` 在上面的例子中，`handleClick`方法会接收到`user.id`作为参数。 ### 5. 内联...

vue click.stop阻止点击事件继续传播的方法

10-18

<button v-on:click="doThis">阻止单击事件继续传播 ``` 在这个例子中，点击按钮会按照以下顺序触发事件： 1. 触发按钮内的`doThis`方法，弹出“noclick”警告。 2. 由于事件冒泡，事件会继续传播到外层的`div`...

理解vue事件符中v-on:click.prevent.self和v-on:click.self.prevent

木木木华的博客

08-27

3771

v-on:click.self.prevent 可简写为：@click.self.prevent，只会阻止对元素自身的点击？ v-on:click.prevent.self 可简写为：@click.prevent.self，会阻止所有的点击？给a链接监听事件加@click.self.prevent 样式：父子关系为：div.grandfather（黄）>div.father（绿）>a链接>div.son（蓝） 1. 点击a链接，输出handleCatch()方法里..

jQuery off() 方法

dengba9787的博客

02-26

366

实例移除所有 <p> 元素上的 click 事件： $("button").click(function(){ $("p").off("click"); }); 　　定义和用法 off() 方法通常用于移除通过on()方法添加的事件处理程序。自 jQuery 版本 1.7 起，off() 方法是 unbind()、die() 和 ...

$.on方法与$.click()的区别

weixin_33736649的博客

05-24

854

1、$.on("click") 支持动态元素绑定事件，该事件是绑定到document上，只要符合条件的元素即可绑定事件，同时$.on()可以绑定多个事件 on方法 on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型，如click、focus selector:选择器字符串 data:事件被触发时传递给函数的参数 fn:事件被触...

JQuery click 与 on('click', ...)

火柴头的专栏

06-29

597

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; cha

click().onclick的使用和区别，自动触发

qq_41624138的博客

08-24

2385

if (index >= 4) index = 0; as.eq(index).click(); // 每当获取到as中的一个值时， click都会调用一下（前面已经定义好的！！！）on("click",function(){}) 这个click（）是怎么调用的？和onclick有什么区别？看例子： <button id="btn">111</button> //第一种：click() //a:人工点击触发 $('#btn').on('c

$(document).on(‘click‘, ‘#searchbtn‘, function (e){} 和 $(‘#searchbtn‘).on(‘click‘, function(e){}的区别

wyfdavid的博客

04-07

670

$(document).on('click', '#searchbtn', function (e){} 和 $('#searchbtn').on('click', function(e){}的区别

layui中$(选择器).on(‘click‘)方法无效解决办法

qq_38181746的博客

05-25

5439

在layui中$(选择器).on(‘click’)点击事件无效的解决办法 //使用此点击事件失效 $(".sub2").on('click', function() { alert('响应点击事件'); }); //将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件 //以下可实现点击效果 $(document).on('click', '.sub2', function() { alert('响应点击事件'); }); layui.use(['jque

CSS 点击事件on 和onclick有什么区别？ // CSS关于文本的那几个实用的属性

皮卡丘の开发之路

07-03

9121

2.CSS文本 2.1 white-space: pre-line; 强制文字进行换行，前提是在文本中要先在文字中加” \n “，这样css识别出来在此处进行强制换行。word-wrap:normal | break-word, break-word可以将内容在边界内换行（不截断英文单词的换行）。点击事件on和onclick 两者之间的区别（很重要。。。

.on（'click'）与.click（）之间的区别

asdfgh0077的博客

01-16

467

以下代码之间有什么区别？ $('#whatever').on('click', function() { /* your code here */ }); 和 $('#what

$().click()和$().on(“click“, “要选择的元素“, function(){})的区别

muzidigbig的博客

07-17

1189

前言 jQuery的出现，大大简化了对dom的操作，但是如果不是仔细阅读api和进行操作，就不知道其中最大的优点和使用方式。就拿$().click()和$().click()和(document).on(‘click’,‘要选择的元素’,function(){})来说，都是点击事件的操作，但是也有不同的地方。 $(选择器).click(function(){})：页面中已经存在的DOM(只针对与页面已存在的选择器)。 $(ducument).on(‘click’,‘要选择的元素’,function(

jQuery中的 .click()，on.('click')，one.('click')的区别

nijiangye的博客

09-29

1356

这里写自定义目录标题jQuery中的 .click()，on.('click')，one.('click')的区别.click()，on.('click') 的区别事件绑定解除事件 jQuery中的 .click()，on.(‘click’)，one.(‘click’)的区别 (′body′).click(function())和('body').click(function(){ })和(′bo...

acetree click.fu.tree　点击事件

06-10

`acetree` 是一个基于 jQuery 的树形组件库，提供了一些事件方法来实现树形组件的交互功能。 `click.fu.tree` 事件是 `acetree` 提供的一个点击事件，当用户点击树形组件中的某个节点时触发该事件。你可以通过如下代码来为树形组件绑定 `click.fu.tree` 事件： ```javascript $('#myTree').on('click.fu.tree', function (event, node) { // 在此处编写点击事件的处理逻辑 }); ``` 在上面的代码中，`#myTree` 是你的树形组件的 ID，你可以将其替换为你实际使用的 ID。在事件处理函数中，你可以使用 `node` 参数来获取与点击事件相关的数据，例如点击的节点的 ID、文本等信息。