jquery修改子元素值的方法:1、使用「$("元素id值")」語句根據指定的id值取得子元素物件;2、使用html()方法修改所取得的子元素物件值即可,語法為「子元素物件.html("修改後的值");」。
本教學操作環境:windows7系統、jquery3.6.1版本、Dell G3電腦。
jquery修改子元素值的方法
#我們可以使用html() 方法傳回或設定被選元素的內容(inner HTML) 。
如果方法未設定參數,則傳回被選元素的目前內容
語法為:
$(selector).html(content)
其中,content是個可選參數。規定被選元素的新內容。此參數可包含 HTML 標籤。
jquery修改子元素值,只需要使用html方法即可,語法為「元素物件.html(修改後的值);」
下面我們透過範例來看一下:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").html("Hello world!"); }); }); </script> </head> <body> <p>This is another paragraph.</p> <button class="btn1">改变 p 元素的内容</button> </body> </html>
輸出結果:
更多程式相關知識,請造訪:程式設計影片! !
以上是jquery怎樣修改子元素的值的詳細內容。更多資訊請關注PHP中文網其他相關文章!