如何在button上添加attr属性值

良多刚学编程的伴侣可能会碰到一个问题，那就是若何操纵attr给html标签增添属性，下面和大师分享一下若何操纵attr给html标签添加属性。

东西/原料

1
起首新建一个html页面，或者在网上下载一个现当作的html页面，然后再html页面中添加一些html标签，本文我以demo.html为例。
2
然后下载jquery剧本库到当地，或者从其他项目中拷贝，然后把jquery库放在一个文件夹内，这里我把jquery放在了js文件夹内。
3
然后用记事本或者其他文本编纂器打开demo.html（我保举大师利用Notepad文本编纂器，因为它会连结html的格局），在html末从头至尾处引用下载好的jquery库，而且添加button标签，id界说当作testBtn。
4
然后在demo.html页面中插手以下代码：
<script type="text/javascript"> $(function(){ $('#testBtn').attr('name','testName'); });</script>
此代码的意思是为id为testBtn的button标签添加那么属性。
5
添加完后用浏览器打开demo.html页面，这里我用的是google浏览器，利用其他浏览器也可以。
6
然后在浏览器中按F12进入开辟者模式，然后选择左上角select an element图标选中button按钮。
7
然后查看button的源代码，发此刻button按钮中已经添加上name属性，其他属性都可以用此方式进行添加。