当前位置:首页 > 编程教程 > jQuery技术文章 > jQuery动态移除与增加onclick属性的方法详解

详细介绍jQuery动态移除与增加onclick属性操作方法

  • 发布时间:
  • 作者:码农之家
  • 点击:189

这篇文章主要知识点是关于jQuery、onclick属性、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

Bootstrap与jQuery UI框架设计
  • 类型:jQuery大小:180 MB格式:PDF作者:肖睿//吴振宇
立即下载

Tags:jQuery onclick属性 

jQuery动态移除与增加onclick属性的方法详解

本文实例讲述了jQuery动态移除与增加onclick属性的方法。分享给大家供大家参考,具体如下:

这里给大家介绍利用jquery的removeAttrattr事件来给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程序设计有所帮助。

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

jQuery 相关电子书
学习笔记
网友NO.266359

jquery动态改变onclick属性导致失效的问题解决方法

li id="" onclick =""/li 虽然在很多时候,都是非常不推荐这样写的,但是还有有些时候会碰到这样的代码。 那么你可能在某些时候需要去修改onclick 的属性如下: $("#id").attr("onclick",url); 这样的代码,在chrome和firefox 中可以得到你想要的结果。 遗憾的是在ie中,至少是ie7 以下是没有效果的,至于i8好像也是没有效果的。 办法就是使用jquery 绑定. $("#id").attr("onclick","").click(function(){ // }); 这里需要先清除onclick属性的值,再去绑定方示。 如果本来就没有设定onclick属性,刚不需要清除. $("#id").click(funciton(){ // }); ……

网友NO.639517

使用jQuery的attr方法来修改onclick值

好了,直接给大家贴上js代码吧 var js = "alert('B:' + this.id); return false;"; var newclick = eval("(function(){"+js+"});"); $("#anchor").attr('onclick', '').click(newclick); 如果onclick事件原先有值,要先清空,再用click( eval(function(){.....}) )赋值 $("input[name='orderCar']").attr('onclick','').click( eval(function(){Test()})); function Test(){ alert("测试通过!"); return; } 如果能帮到你,麻烦你在下面狠狠踩上一脚。 ……

<
1
>

电子书 编程教程 PC软件下载 安卓软件下载

Copyright 2018-2020 xz577.com 码农之家

本站所有电子书资源不再提供下载地址,只分享来路

免责声明:网站所有作品均由会员网上搜集共同更新,仅供读者预览及学习交流使用,下载后请24小时内删除

版权投诉 / 书籍推广 / 赞助:QQ:520161757