jQuery中元素增加属性值的方法是什么，怎样实现？-群英

上一篇：jQuery如何停止函数执行，用什么语句？下一篇：JS内存泄漏是什么意思，怎样防止这个情况？

这篇文章我们来了解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属性的。