jqueryonclick事件_jquery动态移除/增加onclick属性详解
本文章给大家介绍利用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属性详解相关推荐
- html动态轮播效果怎么做,详解JavaScript实现动态的轮播图效果
利用javascript能实现常见的动态的网页轮播图效果,如下图1所示: 图1 实现该轮播图有以下几个要点: (1)在左右两侧各有一个箭头,分别指的是向左和向右切换,即点击相应的位置就会切换到该图片之 ...
- android onclick执行顺序,浅谈onTouch先执行,还是onClick执行(详解)
有一个Button 按钮,要想为该按钮设置onClick事件和OnTouch事件 mTestButton.setOnClickListener(new View.OnClickListener() { ...
- touch事件中的touches、targetTouches和changedTouches详解(转)
1.属性详解 touches: 当前屏幕上所有触摸点的列表; targetTouches: 当前对象上所有触摸点的列表; changedTouches: 涉及当前(引发)事件的触摸点的列表 通过一个例 ...
- 【胖虎的逆向之路】01——动态加载和类加载机制详解
胖虎的逆向之路 01--动态加载和类加载机制详解 一.前言 二.类的加载器 1. 双亲委派模式 2. Android 中的类加载机制 1)Android 基本类的预加载 2)Android类加载器层级 ...
- 动态复权(真实价格)模式原理详解!
动态复权(真实价格)模式原理详解! 如果没有意外,你之前一直在使用前复权价格做回测,使用前复权价格回测存在未来函数(未卜先知,提前使用未来的数据),因此你的回测结果都是错的. Tell me why? ...
- DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)
css中cursor属性详解-鼠标移到图片变换鼠标形状 语法: cursor : auto | all-scroll | col-resize| crosshair | default | hand ...
- vue动态设置文字布局方式_详解Vue动态添加模板的几种方法
动态添加模板需要收集原始数据的页面,这个时候我们需要很多原始数据收集模板,下面给大家详解Vue 动态添加模板的几种方法,希望对你学习这方面知识有所帮助. 通常我们会在组件里的 template 属性定 ...
- python变量类型是动态的_python内存动态分配过程详解
一.前言 大多数编译型语言,变量在使用前必须先声明,其中C语言更加苛刻:变量声明必须位于代码块最开始,且在任何其他语句之前.其他语言,想C++和java,允许"随时随地"声明变量, ...
- mybatis-day02-CRUD、动态代理开发、核心xml详解、输入输出参数
文章目录 一.今日内容 二.mybatis实现crud 2.1 搭建环境(配置文件参考a.网址)(顺便实现findAll查询) 目录结构: pom.xml User.java SqlMapConfig ...
最新文章
- K8S调度之pod亲和性
- 探索Oracle之数据库升级八 12c Downgrade 11gR2
- android pod 组件化_使用 Pod 实现私有模块化管理(组件化 Pods 实现方案)
- java序列化_技术干货 | JAVA反序列化漏洞
- 钉钉api 获取 accesstoken_python3自定义告警信息发送至钉钉群
- java二叉树合并_Java(树的前中后序遍历构造二叉树题型整合)前序和中序、中序和后序、前序和后序遍历序列构造二叉树算法整合归纳...
- 开课吧Java课堂之什么是搜索字符串
- linux 17 中文输入,Rethat Linux Fedora17添加中文输入法
- 前后端分离状态下的工作与交互
- html下播放.wav,wav格式文件用什么播放
- Ubuntu 18.04联网问题(已解决)
- hdu1260Tickets
- poi导出excel中响应头文件名乱码
- 提升STEAM教师能力素养提升路径
- depot_tools在windows上用遇到的问题和RTC编译出错
- 网盘分享包下载安装 华为模拟器 ENSP;网盘链接永久有效
- wagaa划时代免安装_Vagaa哇嘎画时代
- 网优谷的Linux真的不一样
- Linux CentOS7.6 Docker部署Harbor(附 Github 文件加速下载)
- ruoyi 多模块部署_ruoyi-cloud版本新建模块
热门文章
- 深度学习在CTR中的应用
- go protobuf tcp 粘包处理 demo
- TransmittableThreadLocal 解决 线程池线程复用 无法复制 InheritableThreadLocal 的问题
- URL去重的几种方法
- IBM开放Watson AI服务增加云服务使用
- 【Java】SAX解析characters 错误截取问题的解决
- WCF学习之旅—WCF寄宿前的准备(八)
- 在Eclipse中编写servlet时出现The import javax.servlet cannot be resolved 问题解决办法
- linux系统服务器性能综合测试(UnixBench5)
- 如何做好Serv-U安全设置,保护FTP服务器安全