首頁 >web前端 >js教程 >jquery怎麼替換文字中的內容

jquery怎麼替換文字中的內容

青灯夜游原創: 2021-11-15 15:06:115937瀏覽

在jquery中，可以利用html()方法來取代文字中的內容，該方法的功能就是傳回或設定被選元素的內容，語法「$(selector).html(content)」。

jquery怎麼替換文字中的內容

本教學操作環境：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 = $(&#39;#text&#39;);
               var btn = $(&#39;#btn&#39;);
               var p = $(&#39;#p&#39;);
                btn.click(function(){
                 p.html(text.val());
 
               })
        })
    </script>  
 </body>
 </html>

jquery怎麼替換文字中的內容

#相關教學建議：jQuery影片教學

以上是jquery怎麼替換文字中的內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！

jquery html

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：jquery有什麼特點下一篇：jquery有什麼特點

看更多