jquery如何给元素增加属性值
本篇内容主要讲解“jquery如何给元素增加属性值”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jquery如何给元素增加属性值”吧!
jquery给元素增加属性值的方法：1、利用“$(元素)”语句获取指定的元素对象；2、利用attr()方法给获取到的元素添加属性和值，语法为“元素对象.attr(attribute,value)”。
本教程操作环境：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如何给元素增加属性值”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
