本文章给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法,有需要了解的朋友可参考。

要实现效果:点击链接先去掉onclick属性,3秒后再自动加上该标签中的onclick属性

jQuery中,针对标签属性的操作都是使用attr()方法来实现的,比如:$("a").attr("onclick")可获得a标签的onclick属性,对应的:

增加事件

$(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值

设置onclick属性:$("a").attr("onclick","test();");

删除事件

$(selector).removeAttr(attribute)

删除onclick属性:$("a").removeAttr("onclick");

理论上上面的代码没问题,但实际上上面语句不执行也不报错,后来发现原因:

jquery 1.6之前的版本并不支持attr()方法对标签onclick属性的相关操作!

?Q句话说要使用attr()方法操作标签中的onclick属性必须使用jq库1.6或更新的库版本!

代码如下

复制代码

$(function(){

$(".b").click(function(){

$(this).removeAttr("onclick");

setTimeout(function(){

$(".b").attr("onclick","test();");

},3000)

})

})

function test(){}

点击去掉该链接的onclick属性,3秒后再自动加上该onclick属性

jquery中删除属性的关键词是: removeAttr 注意A是大写

jqueryonclick事件_jquery动态移除/增加onclick属性详解相关推荐

  1. html动态轮播效果怎么做,详解JavaScript实现动态的轮播图效果

    利用javascript能实现常见的动态的网页轮播图效果,如下图1所示: 图1 实现该轮播图有以下几个要点: (1)在左右两侧各有一个箭头,分别指的是向左和向右切换,即点击相应的位置就会切换到该图片之 ...

  2. android onclick执行顺序,浅谈onTouch先执行,还是onClick执行(详解)

    有一个Button 按钮,要想为该按钮设置onClick事件和OnTouch事件 mTestButton.setOnClickListener(new View.OnClickListener() { ...

  3. touch事件中的touches、targetTouches和changedTouches详解(转)

    1.属性详解 touches: 当前屏幕上所有触摸点的列表; targetTouches: 当前对象上所有触摸点的列表; changedTouches: 涉及当前(引发)事件的触摸点的列表 通过一个例 ...

  4. 【胖虎的逆向之路】01——动态加载和类加载机制详解

    胖虎的逆向之路 01--动态加载和类加载机制详解 一.前言 二.类的加载器 1. 双亲委派模式 2. Android 中的类加载机制 1)Android 基本类的预加载 2)Android类加载器层级 ...

  5. 动态复权(真实价格)模式原理详解!

    动态复权(真实价格)模式原理详解! 如果没有意外,你之前一直在使用前复权价格做回测,使用前复权价格回测存在未来函数(未卜先知,提前使用未来的数据),因此你的回测结果都是错的. Tell me why? ...

  6. DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)

    css中cursor属性详解-鼠标移到图片变换鼠标形状 语法:  cursor : auto | all-scroll | col-resize| crosshair | default | hand ...

  7. vue动态设置文字布局方式_详解Vue动态添加模板的几种方法

    动态添加模板需要收集原始数据的页面,这个时候我们需要很多原始数据收集模板,下面给大家详解Vue 动态添加模板的几种方法,希望对你学习这方面知识有所帮助. 通常我们会在组件里的 template 属性定 ...

  8. python变量类型是动态的_python内存动态分配过程详解

    一.前言 大多数编译型语言,变量在使用前必须先声明,其中C语言更加苛刻:变量声明必须位于代码块最开始,且在任何其他语句之前.其他语言,想C++和java,允许"随时随地"声明变量, ...

  9. mybatis-day02-CRUD、动态代理开发、核心xml详解、输入输出参数

    文章目录 一.今日内容 二.mybatis实现crud 2.1 搭建环境(配置文件参考a.网址)(顺便实现findAll查询) 目录结构: pom.xml User.java SqlMapConfig ...

最新文章

  1. K8S调度之pod亲和性
  2. 探索Oracle之数据库升级八 12c Downgrade 11gR2
  3. android pod 组件化_使用 Pod 实现私有模块化管理(组件化 Pods 实现方案)
  4. java序列化_技术干货 | JAVA反序列化漏洞
  5. 钉钉api 获取 accesstoken_python3自定义告警信息发送至钉钉群
  6. java二叉树合并_Java(树的前中后序遍历构造二叉树题型整合)前序和中序、中序和后序、前序和后序遍历序列构造二叉树算法整合归纳...
  7. 开课吧Java课堂之什么是搜索字符串
  8. linux 17 中文输入,Rethat Linux Fedora17添加中文输入法
  9. 前后端分离状态下的工作与交互
  10. html下播放.wav,wav格式文件用什么播放
  11. Ubuntu 18.04联网问题(已解决)
  12. hdu1260Tickets
  13. poi导出excel中响应头文件名乱码
  14. 提升STEAM教师能力素养提升路径
  15. depot_tools在windows上用遇到的问题和RTC编译出错
  16. 网盘分享包下载安装 华为模拟器 ENSP;网盘链接永久有效
  17. wagaa划时代免安装_Vagaa哇嘎画时代
  18. 网优谷的Linux真的不一样
  19. Linux CentOS7.6 Docker部署Harbor(附 Github 文件加速下载)
  20. ruoyi 多模块部署_ruoyi-cloud版本新建模块

热门文章

  1. 深度学习在CTR中的应用
  2. go protobuf tcp 粘包处理 demo
  3. TransmittableThreadLocal 解决 线程池线程复用 无法复制 InheritableThreadLocal 的问题
  4. URL去重的几种方法
  5. IBM开放Watson AI服务增加云服务使用
  6. 【Java】SAX解析characters 错误截取问题的解决
  7. WCF学习之旅—WCF寄宿前的准备(八)
  8. 在Eclipse中编写servlet时出现The import javax.servlet cannot be resolved 问题解决办法
  9. linux系统服务器性能综合测试(UnixBench5)
  10. 如何做好Serv-U安全设置,保护FTP服务器安全