jquery动态移除/增加onclick属性详解
2015-09-08 16:55
218 查看
要实现效果:点击链接先去掉onclick属性,3秒后再自动加上该标签中的onclick属性
jQuery中,针对标签属性的操作都是使用attr()方法来实现的,比如:$("a").attr("onclick")可获得a标签的onclick属性,对应的:
增加事件:
$(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值
如
设置onclick属性:
删除事件:
例:
删除onclick属性:
理论上上面的代码没问题,但实际上上面语句不执行也不报错,后来发现原因:
jquery 1.6之前的版本并不支持attr()方法对标签onclick属性的相关操作!
换句话说要使用attr()方法操作标签中的onclick属性必须使用jq库1.6或更新的库版本!
代码如下:
jquery中删除属性的关键词是: removeAttr 注意A是大写
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属性的相关操作!
换句话说要使用attr()方法操作标签中的onclick属性必须使用jq库1.6或更新的库版本!
代码如下:
<script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript"> $(function(){ $(".b").click(function(){ $(this).removeAttr("onclick"); setTimeout(function(){ $(".b").attr("onclick","test();"); },3000) }) }) function test(){} </script> <p> <a class="b" href="#" onclick="test();">点击去掉该链接的onclick属性,3秒后再自动加上该onclick属性</a> </p>
jquery中删除属性的关键词是: removeAttr 注意A是大写
相关文章推荐
- 一个JQUERY文件
- jquery笔记之属性选择器 查找以某种条件开头的页面元素
- jquery ajax异步上传
- jquery中delay()方法
- jQuery
- jquery ajax用法分类
- jquery easyui中的page设定.
- jquery+ajax+json实例
- jQuery.extend与jQuery.fn.extend的区别
- [转]JQuery.Ajax之错误调试帮助信息
- jQuery系列:五个模块总结
- 使用jQuery zTree插件快速实现目录树
- jquery封装 [返回顶部] 语句,简单调用即可
- Jquery省市级联实现
- jquery学习总结(超级详细)
- js jquery 关闭弹出页面 并刷新父页面(window.opener)
- jQuery知识总结
- jquery的validate.js 和 form.js 的使用方法
- JavaSE 国际化 、 struts2封装国际化、jQuery插件国际化
- JQuery实现鼠标经过事件