jquery动态移除/增加jsp页面标签属性详解

jQuery 属性操作 

一、 attr() 方法

（1）设置属性/值

设置被选元素的属性和值。如果没有这个属性，添加一个新的属性。

语法

$(selector).attr(attribute,value)

参数	描述
attribute	规定属性的名称。
value	规定属性的值。

（2）实例：

         亲自试一试

二、removeAttr() 方法

定义和用法

removeAttr() 方法从被选元素中移除属性。

语法

$(selector).removeAttr(attribute)

参数	描述
attribute	必需。规定从指定元素中移除的属性。

实例

从任何 p 元素中移除 id 属性：

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

  $("p").removeAttr("id");

});

亲自试一试

三、完整实例：

jquery动态移除/增加onclick属性详解

（转自：http://www.php100.com/html/program/jquery/2013/0905/5964.html）

[导读] 本文章给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法，有需要了解的朋友可参考。 要实现效果：点击链接先去掉onclick属性，3秒后再自动加上该标签中的onclick属性jQ

本文章给大家介绍利用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或更新的库版本！

代码如下	复制代码
<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="#" οnclick="test();">点击去掉该链接的onclick属性，3秒后再自动加上该onclick属性</a> </p>

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