jQuery .click() 与 .on('click') 的区别

最新推荐文章于 2023-06-10 23:38:48 发布
最新推荐文章于 2023-06-10 23:38:48 发布
阅读量451 收藏
点赞数
分类专栏： 前端开发 文章标签： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ericpengjun/article/details/103697410
版权

两个方法都是点击事件，但有什么区别呢？

$(selector).click(): 处理静态的DOM元素，HTML加载后的页面元素。
$(selector).on('click'): 处理动态的DOM元素，页面加载后动态添加的元素。

其他dblclick、事件也是一样的原理。

ericpeng2014
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery.onoff实现简单的开关按钮功能(推荐)
10-18
<link rel="stylesheet" href="../js/dist/jquery.onoff.css"/> <script src="../js/dist/jquery.onoff.js"> ``` 在HTML部分，需要写一个简单的复选框input，并为其添加一个onclick事件，代码如下： ```html (this)...
关于js中的onclick事件和JQuery中的click方法以及on方法事件的详解以及区别
热门推荐
王金龙
07-03 4万+
jquey事件处理
JQuery $().click()与$().on("click"...)区别
风不知从何处起的小屋
04-26 1720
jQuery的出现，大大简化了对dom的操作，但是如果不是仔细阅读api和进行操作，就不知道其中最大的优点和使用方式。就拿().click()和().click()和().click()和(document).on(‘click’,‘要选择的元素’,function(){})来说，都是点击事件的操作，但是也有不同的地方。 $(选择器).click(fn) 　当选中的选择器被点击时触发回调函数fn...
$.on()事件处理程序
AndrewNeo
07-25 6127
<!--语法:$(selector).on(event,childSelector,data,function,map); --> <!--event 必需。规定要从被选元素移除的一个或多个事件或命名空间。必需是有效的事件。由空格分隔多个事件值。例如：$("p").on("mouseover mouseout",function(){});--> <!--childSelector 可选。规定只能
$.on方法与$.click()的区别
weixin_33736649的博客
05-24 811
1、$.on("click") 支持动态元素绑定事件，该事件是绑定到document上，只要符合条件的元素即可绑定事件，同时$.on()可以绑定多个事件 on方法 on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型，如click、focus selector:选择器字符串 data:事件被触发时传递给函数的参数 fn:事件被触...
jQuery中on()和click()区别
玩垃圾的人
05-26 4956
前言    click()属于静态加载，当页面加载完，就不在为新增加的元素添加点击事件。     on()属于动态加载，当页面加载完，可以为新增加的元素添加事件。但是必须选定负级元素。运用     如果想使用on()动态加载事件，记得一定要选择父级元素，否则没有效果，只会作用于本事。     &lt;html&gt; &lt;head&gt; &lt;script type="text/javas...
基于jquery的on和click的区别详解
10-18
然而，随着jQuery版本的更新以及对事件委托的优化，`.on()`方法逐渐取代了`.click()`成为推荐的事件绑定方式。理解这两者在实际应用中的区别，对于开发高效、可维护的前端代码至关重要。 首先，我们来探讨`.click()...
jquery.min.zip
09-17
例如，`.click(function() {...})`就能绑定点击事件，而`.on('mouseenter', function() {...})`则用于监听鼠标进入事件。 3. **动画效果**：jQuery的动画功能是其魅力之一，`.animate()`函数可以轻松实现平滑的CSS...
jquery.js+jquery.min.js
11-27
3. **事件处理（Event Handling）**: jQuery统一了事件绑定的语法，如`click(function() {...})`用于绑定点击事件，`.on()`方法可支持多种事件绑定。 4. **动画效果（Animations）**: jQuery内置了动画功能，如`...
jQuery.event.trigger()的简单解释
10-17
通过本文，我们可以了解到，这个函数主要用于触发页面中的各种事件，包括JavaScript自带的事件如click、change、keyup等，也可以用于触发我们自定义的事件。 首先，我们需要了解什么是事件。在JavaScript中，事件...
JavaScript简介
chenxingxingxing的博客
03-10 361
文章目录一、几种常用对象1、function（方法）对象2、Array（数组）对象3、RegExp（正则表达式）对象二、几种常用事件1、onload事件2、onclick事件3、onblur事件4、onchange事件5、onsubmit表单提交事件三、DOM模型1、document简介2、document下面的几个常用方法 一、几种常用对象 1、function（方法）对象 1.三种定义方式： var fun = new Function(形参列表，方法体); function 方法名（形参列表）{
$("").click与onclick的区别示例介绍
06-28 686
Html代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 <script type="text/javascript"> $(function(){ $("#btn4").click(function(){ $("#
Vue.js 中的 $emit 和 $on 方法有什么区别？
Java徐师兄的博客
06-10 1823
emit 和on方法是Vuejs中用于实现组件间通信的两个重要方法。on 方法是 Vue.js 中用于实现组件间通信的两个重要方法。on方法是Vuejs中用于实现组件间通信的两个重要方法。emit 方法用于触发自定义事件并向父组件或祖先组件派发该事件，而on方法用于监听自定义事件并在事件触发时执行回调函数。on 方法用于监听自定义事件并在事件触发时执行回调函数。on方法用于监听自定义事件并在事件触发时执行回调函数。emit 方法必须在组件内部使用，而on。
vue2开发中实例事件总结($on,$once,$off,$emit,$root,$refs,$parent 的使用)
知其白，守其黑；和其光，同其尘。
01-01 1870
1.实例事件就是在构造器外部调用构造器内部的数据。 2.使用场景:比如构造器已经有一个加的方法,现在还要做一个减的方法,而我又不想动构造器里面的信息,那就可以使用实例事件了. 操作如下: 与on对应的还有一个on对应的还有一个on对应的还有一个once,上述代码只改一个单词$once app.$once('reduce',function(){ console.log("减...
jQuery的区别：$().click()和$(document).on('click','要选择的元素',function(){})的不同
探索丶挑战丶突破
02-26 3210
文章作者：热爱前端的17号诶 文章地址：https://www.cnblogs.com/sqh17/p/7746418.html 解决：动态创建的元素的事件绑定不上 jQuery的区别：().click()和().click()和().click()和(document).on(‘click’,‘要选择的元素’,function(){})的不同 前言 jQuery的出现，大大简化了对dom...
jQuery中click和onclick的区别
eyeder的博客
09-29 1万+
click()和onclick()的区别： 1.onclick是绑定事件，告诉浏览器在鼠标点击时候要做什么 click本身是方法作用是触发onclick事件，只要执行了元素的click()方法，就会触发onclick事件。 2.click()方法的主要作用是触发调用click方法元素onclick事件,实际上是模拟了鼠标的点击动作。此外，如果在click括号内定义了其他可执行语句，则click
关于jquery的obj.click()、和obj.on()以及行内的onclick事件
soos的博客
07-29 6012
一般通过jQuery写触发事件是我们通常写的是obj.事件类型()。 以下以点击事件为例： 通常我们直接写obj.click();实现点击事件的效果，但是这种写法不支持动态元素或样式绑定事件。 支持动态元素绑定事件的是.live()和.on()。live在jquery1.7以后就不推荐使用了。 行内的onclick事件也可以实现对js的动态绑定事件。 以下是我自己整理的关于三种写法的使用
jquery之on()和click()的本质区别
cyyy1223的博客
12-13 3466
on()绑定事件和click()绑定事件的区别，可以用on()事件进行事件委托
click和onclick的区别
qq_46086519的博客
09-06 4899
jquery的click点击事件会在点击下拉框的时候触发一次，然后选中下拉项的时候再触发一次。所以可以使用change方法，change是发生改变的时候才触发，因此是正好触发一次。click本身是方法，作用是触发onclick事件，只要执行了元素的click()方法，就会触发onclick事件。2、click可以理解为一次简单的触发，只执行一次，找不到以后就不再执行；3、click 是方法，onclick是事件。执行click就是模拟鼠标点击，同时会触发onclick事件。"onclick执行"
jquery.fireworks.js下载
最新发布
07-14
### 回答1： jquery.fireworks.js是一个基于jQuery的插件，用于在网页上实现烟花效果。它可以通过在网页中添加特定的代码或脚本来启用烟花效果。 要下载jquery.fireworks.js，可以按照以下步骤进行操作： 1. 打开你选择的源代码管理平台或网站，如GitHub、CodePen等。 2. 在搜索栏中输入"jquery.fireworks.js"，并点击搜索按钮进行搜索。 3. 找到与插件名称相关的结果并点击进入插件的页面。 4. 在插件页面中找到下载按钮或链接，一般位于页面的右上角或页面底部。点击下载按钮或链接将会立即开始下载jquery.fireworks.js文件。 5. 下载完成后，将该文件保存到你的项目目录中的相关文件夹中。 6. 在你的网页中添加如下代码来启用jquery.fireworks.js插件： ```javascript <script src="路径/jquery.fireworks.js"></script> <script> // 页面加载完成后执行下列代码 $(document).ready(function() { // 选择触发烟花效果的元素，如按钮、鼠标点击等 $('#trigger-button').on('click', function() { // 调用插件方法来触发烟花效果 $(this).fireworks(); }); }); </script> ``` 要注意的是，你需要按照正确的路径将jquery.fireworks.js文件引入到你的项目中，并根据需要调整代码中的选择器和其他参数。 以上就是关于jquery.fireworks.js下载和使用的简要介绍。 ### 回答2： jquery.fireworks.js是一个用于在网页上实现烟花特效的jQuery插件。通过下载和引入该插件，我们可以在网页上轻松添加炫目的烟花效果，为网站增加一些节日或庆典的气氛。 要下载jquery.fireworks.js，可以通过以下步骤进行： 1. 打开浏览器，进入一个可信赖的jQuery插件网站，如jQuery官方网站、GitHub等。 2. 在插件网站的搜索框中输入“jquery.fireworks.js”或类似的关键词，进行搜索。 3. 找到合适的下载链接，通常该链接会包含插件的源代码文件，如.js文件，以及一些示例文件和文档。 4. 点击下载链接，将插件文件保存到本地计算机上的一个特定目录，如项目文件夹中的“js”文件夹。 5. 在网页的HTML文件中引入插件文件。可以使用<script>标签来引入该插件的.js文件，并将其路径指向之前保存的文件。 6. 确保在引入插件文件之前，已经正确引入了jQuery库文件，因为jquery.fireworks.js是基于jQuery的插件。 7. 保存修改后的HTML文件，并在浏览器中打开该文件。如果一切设置正确，你应该能够在网页上看到一些炫目的烟花效果了。 总之，通过以上步骤，你可以轻松地下载jquery.fireworks.js插件并在网页上实现炫目的烟花特效。 ### 回答3： jquery.fireworks.js是一个用于在网页上实现烟花效果的jQuery插件。通过将该插件引入到网页中，可以轻松地给网页添加炫酷的烟花特效，增加页面的视觉效果和趣味性。 要下载jquery.fireworks.js插件，可以通过以下步骤进行： 1. 打开网络浏览器，例如Google Chrome或Mozilla Firefox，在搜索引擎中输入“jquery.fireworks.js下载”进行搜索。 2. 在搜索结果中，找到可靠的网站或资源提供商，提供jquery.fireworks.js插件的下载。 3. 点击进入相应的网站或资源提供商页面，查找下载链接或按钮。有时候，下载链接可能直接显示在页面上，也可能需要点击某个按钮或链接才能显示下载选项。 4. 点击下载链接或按钮，开始下载jquery.fireworks.js插件。如果有弹出窗口或对话框询问下载位置或保存选项，请选择合适的位置保存插件文件。 5. 下载完成后，可以将jquery.fireworks.js插件文件保存到项目的相关文件夹中。在网页中引入这个插件，可以按照插件的文档或使用说明进行操作。 需要注意的是，我们应该选择来自可信赖来源的插件文件，以确保其安全性和兼容性。此外，插件文件应与项目的其他文件保持一致，并确保正确的引入和使用方式，以避免产生错误或冲突。 总之，通过以上步骤，我们可以轻松地下载jquery.fireworks.js插件，并在网页中加入烟花效果，增添页面的装饰和趣味性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值