JQuery给一个元素绑定两次点击事件(第二次点击事件)

最新推荐文章于 2024-07-26 20:46:33 发布
最新推荐文章于 2024-07-26 20:46:33 发布
阅读量717 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/ZM-ONE/p/8567307.html
版权

   由于项目的要求，需要给复选框设置样式，初始样式：，第一次点击的时候显示，第二次点击时候需要改变该样式:。

    设计思路:

                  当点击次数为奇数时显示带有颜色的图片

                  当点击次数为偶数时显示没有颜色的图片

下边是我封装的一个函数;

 

转载于:https://www.cnblogs.com/ZM-ONE/p/8567307.html

dongaokyamo7970
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery中进行点击事件绑定
小脚的Blog
01-28 825
业务需求是在客户打分为0-5时，显示出文本输入框，在打分为6-10分时不需要显示，本身在设计的时候将这个文本输入框设置为 display:none; <li> <label><span style="color: red;">*</span>3.您对本次保单复效的整体流程是否满意？ <span>请用0-10分进行打分，10分代表非常满意，0分代表非常不满意。</span> </label> .
JQuery为动态元素绑定事件
三明治文鱼的博客
07-27 1847
在前端开发的时候需要一个场景需要为使用AJax动态加载出来的元素绑定一个popup事件，但是发现如果直接在js代码中打开要动态加载的元素的popup的功能无效。本文讨论了出现的原因及解决办法。
jquery 给一个按钮添加两个点击事件，执行不同的方法（函数）
PrimaryColor
10-13 4907
假设说需求让我们同时给“重置”按钮绑定两个事件，一个功能负责重置所有输入框和下拉选择框的值，另一个功能负责执行搜索。 第一个功能做成全局的，所有页面只要绑定该类都可以执行到。第二个功能，因为每个页面的搜索参数和执行的操作不一样，所以要单独写。 // $('body).on('click','.reset',function(){ //重置输入框和下拉选择框 }); $('body).on('click','.reset',function(){ //搜索 }); 可是全局的 ...
jquery中click点击事件嵌套后多次触发的解决方案
licanty的博客
06-01 2万+
首先讲讲我遇到这个问题的时候，我最开始想到的是阻止事件冒泡，想了一下好像没有什么关系的，最后决定还是动手做做看，放到项目中试了试确实是没有什么关系的，傻眼了怎么办，来讲讲我的亲身体验吧！ 产生此种小姑的原因：jQuery中的click事件会累计绑定，所以我们可以在下次点击前先解绑； 1.一个接单的例子 #box{ width: 100px; height:
jquery 调用 click 事件 的 三种 方式
热门推荐
安德里亚的成长
01-31 10万+
第一种方式： $(document).ready(function(){ $("#clickme").click(function(){ alert("Hello World click"); }); 第二种方式： $('#clickmebind').bind("click", function(){ alert("Hello World bind
jQuery 点击后解除绑定的点击事件
seagullcode的博客
07-23 1万+
JS要给一个对象绑定点击事件，但只可点击一次，即点击一次后失效，先后尝试了 return false和preventDefault()，发现这两者我这前端菜鸡是搞不清楚了，时灵时不灵的，还是bind和unbind比较友好。 $('#selector').bind('click',function (){ $(this).unbind('click'); //事件处理逻辑，例如 ...
JQuery 使用技巧（二）: 为动态添加的子元素添加点击事件
一只奋斗的猪
11-23 5571
现在有这样的一个需求：动态生成列表（使用的是 `ul`），并且每一项（`li`）里面都有一个 “`详情`” 按钮，现在需要实现点击按钮，然后弹窗并通过 `id` 显示详情。 1. JS 原生：每个按钮都添加一个 onclick 2. JQuery：通过 on 添加事件监听. `JQuery` 提供的 `click` 函数只能为 `document` 初始化完成前已经存在的元素添加点击事件。这个时候可以通过使用 `on` 函数来注册事件
jQuery实现radio第一次点击选中第二次点击取消功能
10-19
在本文中，我们将深入探讨如何使用jQuery来实现一个特定的功能：单选按钮（radio button）在第一次被点击时选中，而第二次点击时取消选中。 通常情况下，单选按钮的默认行为是点击后保持选中状态，直到用户选择其他...
jQuery事件绑定与解除绑定实现方法
12-12
使用`on()`函数的第二个参数，我们可以指定一个父元素来处理其子元素的事件。这种方式提高了性能，因为只需要绑定一次事件处理器： ```javascript jQuery('body').on('click', 'div', function() { // 事件处理器...
jquery绑定事件 bind和on的用法与区别分析
11-20
在上面的例子中，`bind` 会为匹配选择器的元素绑定一个点击事件处理函数。 而 `on` 是从 jQuery 1.7 版本开始引入的，用来替代 `bind`、`live` 和 `delegate` 等事件处理方法。`on` 更加灵活，支持更多的功能，如...
浅谈jQuery绑定事件会叠加的解决方法和心得总结
11-28
如果前一批数据加载时绑定了事件，第二批数据加载后，相同的事件会被再次绑定，导致事件处理函数的叠加。这就是为什么先加载的行在点击时会在控制台打印两次状态，而后加载的行只打印一次。 为了解决这个问题，...
初窥JQuery(二) 事件机制(1)
12-10
alert("第二次点击"); }, function() { alert("第三次点击"); }, function() { alert("第四次点击"); } ); ``` 然后是事件委派，这是jQuery 1.3版本后引入的功能。`live()`和`die()`方法允许对动态添加到...
用jquery 绑定一个按钮click事件后，第一次点击后，一切正常，第二次点击，竟然执行两次，以后越来越多
u014230987的专栏
09-24 6253
用jquery  绑定一个按钮click事件后，第一次点击后，一切正常，第二次点击，竟然执行两次，以后越来越多。 后来查看文档发现  jquery click  不是 替换原有的function  而是接着添加，所以才会执行次数越来越多。 这有就可以在添加之前要先解除click事件绑定，然后再重新绑定。  重新绑定部分代码： [javascript] view plaincop
jquery 点击事件 第一次点击选中 第二次点击改变状态
fei960416的博客
06-13 3432
jquery点击事件 第一次选中；第二次消失 $("#myCard li").val(1);     $("#myCard li").click(function(){     if($(this).val()==0){ //第二次点击     alert(11111)     }else{ //第一次点击     $("#myCard li").css("margin-top",
解决jquery绑定click事件出现点击一次执行两次问题
star的博客
10-24 1万+
问题定位：通过浏览器F12定位到点击一次出现两次调用。 问题复现： $("#mail_span").on("click",function(){         if($(".treeselect").children(".treeselect-up").css("display")=="none"){             treeSelectClick();           
dom2级事件的addEventListener
qq_43516282的博客
05-07 241
语法：元素.addEventListener(type,listener,usecapture) listenner:监听函数 type：事件类型（没有on！） usecapture：默认false， false：冒泡机制 true：捕获机制 可给元素绑定多个函数，执行顺序按照函数的书写顺序 ...
JavaScript青少年简明教程：函数及其相关知识（下）
最新发布
cnds123的专栏
07-26 652
JavaScript青少年简明教程：函数及其相关知识（下）
怎么使用事件委托，给它们的父元素绑定点击事件
06-02
在上面的代码中，我们使用 jQuery 的 `on` 方法给 `#parent` 元素绑定了一个点击事件，然后通过第二个参数 `'li'` 指定了要监听的子元素，当子元素被点击时，事件会冒泡到父元素，从而触发父元素的点击事件处理程序...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值