jquery批量绑定click事件:

  1. var selects = $(".public_select dd ul li");
  2. debugger;
  3. /*$(".public_select dd ul li a").each(function(){
  4. /!*$(this).click(function(){
  5. alert("aa");
  6. })*!/
  7. alert("cc");
  8. $(this).bind("click", function(){
  9. alert("Hello World bind");
  10. });
  11.  
  12. })*/
  13. selects.bind("click", function(){
  14. var a = $(this);
  15. var b = $(this).children("a")[0];
  16. var op = $(this).children("a")[0].attributes[0].value;
  17. debugger;
  18. $(".public_select dd ul li a").removeAttr("style");
  19. $(".public_select dd ul li a[op="+op+"]").css("background","#a7c2fe");
  20. });

因为a标签绑定不上click(原因未知),改为li绑定事件,li标签与a标签一一对应。

  1. <dl class="public_select" id="status">
  2. <dt op="0">未提交</dt>
  3. <dd>
  4. <ul>
  5. <li><a op="">--请选择--</a></li>
  6. <li><a op="0">未提交</a></li>
  7. <li><a op="1">已提交</a></li>
  8. </ul>
  9. </dd>
  10. </dl>

注释掉的参考代码:

  1. //var selects = $(".public_select dd ul li a");
  2. /*$(".public_select dd ul li a").each(function () {
  3. $(this).click(function () {
  4. alert("aa");
  5. /!*this.
  6. var op = this.attr("op");
  7. $(".public_select dd ul li a").css("background","none");
  8. $(".public_select dd ul li a[op="+op+"]").css("background","#a7c2fe");*!/
  9. })
  10. /!*var op = this.attr("op");
  11. $(".public_select dd ul li a").css("background","none");
  12. $(".public_select dd ul li a[op="+op+"]").css("background","#a7c2fe");*!/
  13. })*/

jquery批量绑定click事件的更多相关文章

  1. ios 设备用jquery live绑定 click 事件不管用

    问题描述:用js拼接的html追加到页面,然后用 live 绑定click事件不起作用 解决办法:1.直接在标签写onclick事件   2.给需要绑定的标签添加css样式{cursor:pointe ...

  2. jquery中绑定click事件重复执行问题

    jquery中单击事件重复多次执行的问题使用如下方式: $('#sub').unbind('click').click(function () { ... });

  3. JQuery调用绑定click事件的3种写法

    第一种方式: $(document).ready(function(){ $("#clickme").click(function(){ alert("Hello Wor ...

  4. jquery单选框radio绑定click事件实现和是否选中的方法

    使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1. ...

  5. jquery单选框radio绑定click事件实现方法

    本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码代码如下: <html><head><title ...

  6. JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题

    javascript 点击事件执行两次js问题 在JQuery中存在unbind()方法,先解绑再添加点击事件,解决方案为: $(".m-layout-setting").unbi ...

  7. jquery关于on click事件的理解

    jquery关于on click事件的理解 <pre><a style="min-width:60px; margin-left:6px;" wenzhangid ...

  8. jQuery-介绍 加载 选择器 样式操作 属性操作 绑定click事件

    jQuery - 介绍 加载 选择器 样式操作 属性操作 绑定click事件 注意:以下部分问题不能实现效果,因该是单词拼写错误(少个t)或者没有加引号(“swing”)... jquery介绍 jQ ...

  9. [ 面试没回答上的问题2]IOS上给body绑定click事件的bug

    面试被问到ios上的bug,自己提到绑定click事件的bug,但是并没有把问题讲的很清楚,这里再清理一下思路. 这个bug只在IOS上有,包括ihone,ipad,由于ios浏览器都用的safari ...

随机推荐

  1. 从头认识java-15.3 使用HashSet须要注意的地方

    这一章节我们来讨论一下使用Set的各种实现须要注意的地方. Set接口的经常使用实现类有:HashSet.TreeSet,LinkedHashSet 1.HashSet 大家对于HashSet的印象都 ...

  2. Brute force Attack

    1 Introduction A common threat that webdevelopers face is a password-guessing attack known as a brut ...

  3. Android开发之视图动画基础

    Android的animation由四种类型组成 XML中  alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转 ...

  4. 【原创】ApacheTomcat集群在Linux下的搭建步骤

    在RedHat5(以下简称RH)上搭建ApacheTomcat的集群环境,有以下步骤: 1.首先安装apr和apr-util apr-util需要依赖于apr包,所以先安装apr, http://fi ...

  5. javascipt入门

    一.javascript简介 javascript:(基于对象的编程语言:内部很多对象,我们只需要使用即可,几乎不需要自己创建对象) ECMAScript DOM BOM 存放位置: 建议代码放到ht ...

  6. Swift 中的协议

    Swift 中的协议协议是为方法.属性等定义一套规范,没有具体的实现,类似于Java中的抽象接口,它只是描述了方法或属性的骨架,而不是实现.方法和属性实现还需要通过定义类,函数和枚举完成. 协议定义 ...

  7. Node_进阶_7

    Node进阶第七天 一.复习 一.索引   数据库中,根据一个字段的值,来寻找一个文档,是很常见的操作.比如根据学号来找一个学生.这个学号是唯一的.只要有学号,就能唯一确认一个学生的文档.学号这个属性 ...

  8. 关于JavaScript中this的指向,你知晓几分?请速来围观!

    ---恢复内容开始--- 一.this是什么东东? this是指包含它的函数作为方法被调用时所属的对象.这句话理解起来跟卵一样看不懂,但是如果你把它拆分开来变成这三句话后就好理解一点了. 1.包含它的 ...

  9. 洛谷 P4147 玉蟾宫 (最大子矩形问题)

    这道题用到了悬线法,非常牛逼,可以看这个论文. https://blog.csdn.net/twtsa/article/details/8120269 #include<cstdio> # ...

  10. 紫书 例题 11-1 UVa 12219 (表达式树)

    这道题看了刘汝佳的代码真的是天秀, 很值得学习. 具体看代码 #include<cstdio> #include<iostream> #include<cctype> ...