JQuery是一個非常常用的JavaScript庫,它提供了眾多方便的API和插件,讓我們在開發過程中能夠更加快速地完成各種功能。其中,JQuery設置節點屬性值是一個常見的需求。
$(selector).attr(attribute,value)
以上是JQuery設置節點屬性值的API。其中,selector表示我們要找到的元素,attribute表示要修改的屬性名,value則是屬性的新值。
例如:
<html> <head> <title>測試頁面</title> </head> <body> <div id="test">這是一個測試節點</div> </body> </html>
我們可以使用如下代碼修改id為test的div節點的class屬性:
$("#test").attr("class","new-class");
可以發現執行后html代碼變為:
<html> <head> <title>測試頁面</title> </head> <body> <div id="test" class="new-class">這是一個測試節點</div> </body> </html>
可以看到class屬性已經被修改成了new-class。除了class屬性,我們還可以修改其他屬性,如下代碼修改id為test的div節點的title屬性:
$("#test").attr("title","這是一個新的title");
可以看到執行后html代碼變為:
<html> <head> <title>測試頁面</title> </head> <body> <div id="test" class="new-class" title="這是一個新的title">這是一個測試節點</div> </body> </html>
可以看到title屬性已經被修改成了這是一個新的title。
以上就是關于JQuery設置節點屬性值的內容。
下一篇css div內容靠左