这篇文章我们来了解jQuery中元素增加属性值的方法,给元素增加属性值是JavaScript学习中比较基础的内容,在jQuery中可以利用attr()方法来实现,下面我们来详细的了解看看怎样做,有需要的朋友可以参考。
本教程操作环境:windows7系统、jquery1.10.0版本、Dell G3电脑。
jquery怎样给元素增加属性值
在jQuery中可以利用attr()方法来给元素增加属性值,attr() 方法设置或返回被选元素的属性值。根据该方法不同的参数,其工作方式也有所差异。返回被选元素的属性值。
该方法的语法为:
$(selector).attr(attribute,value)
attribute规定了要获取其值的属性。
下面我们通过示例来看一下怎样给元素增加属性值,示例如下:
我们在html里添加一个div,该div只有class属性。然后添加一个按钮,用来触发添加属性的事件。接着在html里引入jquery脚本。然后在script里添加一个function,按钮事件的函数。
函数很简单,使用jquery的 attr方法来设置属性就行了,参数第一个是要添加的属性名,第二个就是属性的值。这里我们为div添加一个id属性。
<body> <div class=""> <div class="jqyery"> 增加属性 </div> </div> <div class="action"> <input type="button" id="btn" value="设置属性" onlick="setAttr()" class="btn btn-primary" /> </div> <scripr> function setAttr(){ $(".jquery").attr("id","bd"); } </scripr> </body>
运行页面后,从页面源代码里看,这个div现在是没有id属性的。
点击页面上的按钮,触发事件,为div添加id属性。
点击后,再看一下源代码,可以看到已经成功为div添加了一个id属性了。
关于jQuery中元素增加属性值的方法就介绍到这,本文对大家学习attr()方法有一定的帮助,上述示例具有一定的参考价值,有需要的朋友可以了解看看。想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理