jQuery动态移除与增加onclick属性的方法详解
本文实例讲述了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属性的相关操作！
换句话说要使用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="#" rel="external nofollow" onclick="test();">点击去掉该链接的onclick属性，3秒后再自动加上该onclick属性</a>
</p>
jquery中删除属性的关键词是: removeAttr 注意A是大写
jquery还有一个解除事件委派的方法：unbind([eventType])。参数是可选的，如果不选，则表示移除节点所有已绑定事件。
这里你只需要解除click事件，可以用$("#s1").unbind("click")来处理。
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
当需要在页面中查找某个关键字时，一是可以通过浏览器的查找功能实现，二是可以通过前端脚本准确查找定位，本文介绍通过jQuery实现的页面内容查找定位的功能，并可扩展显示查找后的相关信息2014-02-02
基于jquery实现select选择框内容左右移动添加删除代码分享
这篇文章主要介绍了基于jquery实现select选择框内容左右移动添加删除功能，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
今天看到一个网站的公告栏一个小效果，如果有2条公告或以上就有个滚动效果，特整理下分享给大家2012-05-05
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。2009-11-11
这篇文章主要介绍了jQuery实现的简单悬浮层功能,结合完整实例形式分析了jQuery基于时间函数动态修改css样式实现窗口浮动效果的相关技巧,需要的朋友可以参考下2017-01-01
这篇文章主要为大家详细介绍了jQuery组件easyui对话框实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了jquery中attr、prop、data区别与用法,结合实例形式分析了jQuery中attr、prop、data的区别、功能、使用方法及相关注意事项,需要的朋友可以参考下2019-09-09
小编收集了13个有用的CSS3,HTML5和jQuery搜索表单脚本来帮助大家从头开始创建一个搜索框。希望能够帮助到大家，让我们一起来看看吧！2014-12-12
本文目的：为了了解stop()的用法，举个例子，直观的方式看看。非常的简单实用，有需要的小伙伴参考下2014-11-11
利用jquery实现验证输入的是否是数字、小数，包含保留几位小数
本文主要介绍了利用jquery实现验证输入的是否是数字、小数，包含保留几位小数，代码清晰，容易理解。有需要的朋友可以参考下2016-12-12
最新评论