通過(guò)jQuery操作HTML元素的內(nèi)容有幾種方法。
html()方法用于獲取所選元素的內(nèi)容,包括HTML標(biāo)記。
例如:
HTML:
<p> JQuery is <b>fun</b> </p>
JS:
$(function() { var val = $("p").html(); alert(val); }); // alerts "JQuery is <b>fun</b>"
請(qǐng)注意,HTML標(biāo)記(<b>標(biāo)簽)也被返回,
如果您只需要文本內(nèi)容,不使用HTML標(biāo)記,則可以使用text()方法:
$(function() { var val = $("p").text(); alert(val); }); // alerts "JQuery is fun"
html()和text()方法可以用于可以包含內(nèi)容的所有HTML元素。
可以使用相同的html()和text()方法來(lái)更改HTML元素的內(nèi)容。
要設(shè)置的內(nèi)容作為方法的參數(shù)提供,例如:
HTML:
<div id="test"> <p>some text</p> </div>
JS:
$(function() { $("#test").text("hello!"); });
上面的代碼將id =“test”的元素的內(nèi)容更改為“hello!”。
如果您設(shè)置的內(nèi)容包含HTML標(biāo)記,則應(yīng)使用html()方法而不是text()。
$(function() { $(""). ("<b>Hi</b>");