站長資訊網
在jquery中，可以利用html()方法替換標簽里的內容，該方法的作用就是返回或設置被選元素的內容，當使用該方法沒有設置參數時，就會返回被選元素當前的內容，語法為“$(元素).html("新的內容")”。
本教程操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。
jquery怎樣替換標簽里的內容
html() 方法返回或設置被選元素的內容 (inner HTML)。
如果該方法未設置參數，則返回被選元素的當前內容。
返回元素內容
當使用該方法返回一個值時，它會返回第一個匹配元素的內容。
語法
$(selector).html()
設置元素內容
當使用該方法設置一個值時，它會覆蓋所有匹配元素的內容。
語法
$(selector).html(content)
content 可選。規定被選元素的新內容。該參數可包含 HTML 標簽。
使用函數來設置元素內容
使用函數來設置所有匹配元素的內容。
語法
$(selector).html(function(index,oldcontent))
function(index,oldcontent)規定一個返回被選元素的新內容的函數。
index – 可選。接收選擇器的 index 位置。
oldcontent – 可選。接收選擇器的當前內容。
示例如下：
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").html("這是<b>新的</b>內容"); }); }); </script> </head> <body> <p>這是舊的內容</p> <p>這也是舊的內容</p> <button class="btn1">改變 p 元素的內容</button> </body> </html>
輸出結果：
點擊按鈕后：
相關視頻教程推薦：jQuery視頻教程
