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

jquery怎麼替換文字中的內容

青灯夜游
發布: 2021-11-15 15:06:11
原創
5919 人瀏覽過

在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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板