知识大全 jQuery .attr()和.removeAttr()方法操作元素属性示例

Posted 2022-07-20 属性

篇首语：识字粗堪供赋役，不须辛苦慕公卿。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 jQuery .attr()和.removeAttr()方法操作元素属性示例相关的知识，希望对你有一定的参考价值。

jQuery .attr()和.removeAttr()方法操作元素属性示例 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

本文为大家详细介绍下如何使用jQuery的 attr()和 removeAttr()方法读取添加修改删除元素的属性不会的朋友可以参考下哈希望对大家有所帮助

　　今天主要和大家一起分享一下如何使用jQuery的 attr()和 removeAttr()方法读取添加修改删除元素的属性大家在平时的 Web页面制作中都有碰到如何动态的获取元素的属性和属性值或者说动态的修改元素的某个（某些）属性的属性值那么jQuery就可以让我们轻松的读取添加更改或删除一个（或多个）元素中的任何属性在jQuery中我们可以使用下面的方法来实现 attr() jQuery中的 attr()方法让你能轻松的读取增加或修改一个元素的属性（详情参考 attr()）; removeAttr():jQuery中的 removeAttr()方法主要用来删除一个元素的一个（或多个）属性（详情参考 removeAttr()）下面先来简单看一下 attr()和 removeAttr()两种方法的语法格式 attr()方法 attr()方法有两种功能第一种是读取元素的属性值第二个是修改元素的属性值读取属性的语法 attr(attributeName );//attributeName 为需要获取的元素的属性名上面返回的是字符串“string” 值得注意的是 attr()方法只获取第一个匹配元素的属性值如果你需要每个单独的元素的属性值需要依靠jQuery的 each()或者 map()方法来实现为元素设轩属性值的语法 attr(attributeName value);//其中attributeName为元素需要设置的属性名 value是对应的元素值上面返回的是一个对象主要用来为指定元素设置一个或多个属性 removeAttr()方法 removeAttr(attributeName);//其中attributeName 是要移除的属性名 removeAttr()方法使用原生的javaScript中的removeAttribute()函数但是它的优点是能够直接被jQuery对象访问调用上面我们一起简单的了解了一下 attr()和 removeAttr()方法的语法下面我们一起来看看其具体的应用首先我们来看一个简单的 Demo 这种方法用来制作图片翻转是很方便的如 :

复制代码代码如下: <img src=images/a jpg width= height= />

　　 js:

复制代码代码如下: cha138/Article/program/Java/JSP/201311/19621