如何在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屬性，其他屬性都可以用此方式進行添加。