在jquery中,可以利用html()方法來取代文字中的內容,該方法的功能就是傳回或設定被選元素的內容,語法「$(selector).html(content)」。
本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
在jquery中,可以利用html()方法來取代文字中的內容。
html() 方法傳回或設定被選取元素的內容 (inner HTML)。如果此方法未設定參數,則傳回被選元素的目前內容。
而當使用該方法設定一個值時,它會覆寫所有符合元素的內容。
語法
$(selector).html(content)
content:可選。規定被選元素的新內容。此參數可包含 HTML 標籤。
範例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script> </head> <style> #btnTex{width:0px; height:0px; margin: 0px;} </style> <body> <input id="text" type="text" /> <input id="btn" type="button" value="按钮" /> <p id="p">这是一些文字</p> <script type="text/javascript" charset="utf-"> $(function(){ var text = $('#text'); var btn = $('#btn'); var p = $('#p'); btn.click(function(){ p.html(text.val()); }) }) </script> </body> </html>
#相關教學建議:jQuery影片教學
以上是jquery怎麼替換文字中的內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!