Jquery实现点击事件的四种写法

最新推荐文章于 2024-05-27 08:30:00 发布
最新推荐文章于 2024-05-27 08:30:00 发布
阅读量5.1w 收藏 42
点赞数 5
分类专栏： JavaScript相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxc123789tm/article/details/80894942
版权

1. $(".tab").click(function () {  })

2. $(".tab").on("click",function () {  })

3. $(document).on("click", ".tab",function () {  })

4. 使用<οnclick="">触发函数

 

以上四种方法在不同设备上的可行程度

 

自测。

3>2>1>4

 

补充一点 第3种写法可以获取到动态拼接的页面标签，如果宁发现用其他的jq方法想要选中或者操作动态拼上去的标签无效，

用它就对了

97pra
关注
  • 5
    点赞
  • 踩
  • 42
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
jQuery事件方法
wen0627的博客
05-16 5739
1、首先了解一下什么是事件，页面对不同访问者的响应叫做事件，事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 2、最常见的事件是在某元素上移动鼠标触发事件，选取单选按钮触发事件，点击元素触发事件，在事件中经常使用触发术语，比如当按下按键时触发keypress事件，以下是常见Dom事件。 3、了解jQuery事件以及方法语法，在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法，例如：在页面中指定一个点击事件。 4、接下来是常用jQuery事件方法.
jQuery鼠标事件、键盘事件、浏览器事件
m0_59329828的博客
01-21 1152
这三个事件都被注册时，先触发keydown（），再被触发keypress(),只有当前两者都没有被注册的情况下，才会注册keyup()在键盘按下时被触发，但是该事件只能发送在具有焦点的元素上，所以表单元素较为适用。在敲击键盘时被触发，可以理解为按下并抬起同一个键。在按键释放时被触发，也就是按下并抬起同一个键。可以利用这个事件将这些不同都加载到这个事件中。// jQuery写法。// jQuery写法。// jQuery写法。空格键 32。当页面大小被改变时，会被触发。
小程序云开发（十七）：点击事件
最新发布
左手の明天的博客
05-27 1759
事件是视图层到逻辑层的通信方式，当我们点击tap、触摸touch、长按longpress小程序绑定了事件的组件时，就会触发事件，执行逻辑层中对应的事件处理函数。
jquery点击事件写法
剑雪封喉
11-13 856
/*公告通知点击事件*/ $(document).on("click", "#contactus_click_notice", function () { console.log("click---"); contactusinit(); $("#contactus_notice").css("display", "inline"); $("#contactus_c
jQuery 三种点击事件写法
qq_39822451的博客
05-09 1954
$("#text").bind("click",function(){ alert("hello"); }); $("#text1").on("click",function(){ alert("hello1"); }); $("#text2").click(function() { alert("hello2"); });
jquery绑定点击事件形参_jQuery中的事件处理写法(以click事件为例)
weixin_28726969的博客
12-23 624
在原生态脚本中，我们学到了click事件按钮document.getElementById(“btn”).onclick=function(){alert(3);}//这种写法的缺点在于如果有多个事件赋值，后面的会覆盖前面的于是我们学到了addEventListener(IE:attachEvent)按钮document.getElementById(“btn”).addEventListener...
js和jQuery对应的单击事件的写法
Anthony_1223的博客
09-22 600
js单击事件的写法： ①onclick='test' function test(){ ... } ②document.getElementById('id').onclick=function(){ ... } jQuery单击事件的写法： ①$function(){ $('#id').click(function(){ ... }) } ②$fu...
jQuery实现获取绑定自定义事件元素的方法
11-24
在本例中，我们将探讨如何使用jQuery实现一个自定义事件`itemtab`，并学习如何获取绑定此事件的元素。这个功能对于构建响应式触摸界面特别有用，例如在移动端的列表或选项卡切换中。 首先，我们看到一个匿名函数 `...
jquery点击弹窗2种写法
06-19
总结起来，jQuery实现点击弹窗效果主要依赖于事件绑定、DOM操作和可能的动画效果。你可以根据项目需求选择适合的实现方式，无论是使用jQuery UI的模态对话框还是自定义HTML元素，都能达到预期的效果。同时，还可以...
js模仿jquery的写法示例代码
10-27
为了理解和学习jQuery的工作原理，或者在不引入整个库的情况下实现类似功能，我们可以尝试模仿jQuery的写法。以下是一个简单的示例，展示了如何使用原生JavaScript模拟jQuery的事件处理和样式访问。 首先，我们创建...
jquery实现checkbox 全选/全不选的通用写法
10-26
总结来说，jQuery实现checkbox全选/全不选的通用写法主要包含以下步骤： 1. 使用jQuery选择器获取所有需要操作的复选框。 2. 遍历这些复选框，根据全选按钮的状态设置每个复选框的`checked`属性。 3. 提供一个辅助...
JQuery调用绑定click事件的3种写法
10-24
主要介绍了JQuery调用绑定click事件的3种写法,本文简洁清晰的给出3种写法的代码示例,可以很方便的复制使用,需要的朋友可以参考下
jQuery使用bind函数实现绑定多个事件的方法
10-19
`eventType`是要绑定的事件类型，`function`是事件触发时执行的回调函数，`data`是可选参数，可以传递给事件处理程序的数据，而`handler`是1.4版本后引入的另一种写法，允许将事件类型和处理函数作为一个对象字面量...
很基本的js点击事件和jq点击事件的写法
weixin_43783614的博客
07-24 220
js点击事件常用 获取到id <div id="box">click</div> var btn=document.getElementById('box'); btn.onclick=function(){ alert('hello world'); } <div id="box">click</div> var btn=documen...
用jQuery写点击事件
weixin_57765583的博客
04-17 626
找到Visual Studio Code，双击进去，点击新建文件。 使用快捷键ctrl+s保存，命名名字,选择html保存类型，然后点击保存， 保存在和jQuery文件一起的文件夹 保存好后，输入英文状态下的!号，会出现！号提示，点检回车键即可。 4引入jQuery文件,接着写我写的代码即可. ...
【JQ】jQuery实现点击事件的几种写法
疾术客
12-03 1050
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JQ点击事件的几种方法</title> <style type="text/css"> .box{ width: 200px; height: 200px; ...
jquery中click事件的几种写法
Y_东东的博客
05-17 1227
1.$("#div1").click(function(){ $("#div1").show(); }); 2.$("#div2").bind("click",function(){ $("#div2").show() }); 3. $(document).on('click', "#div3", function(){ $(this).show(); }); 4
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

97pra

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值