テキスト内のコンテンツをjqueryで置き換える方法-jsチュートリアル-php.cn

テキスト内のコンテンツをjqueryで置き換える方法

青灯夜游

リリース： 2021-11-15 15:06:11

オリジナル

5921 人が閲覧しました

jquery では、html() メソッドを使用してテキスト内のコンテンツを置き換えることができます。このメソッドの機能は、選択した要素のコンテンツを返すか、設定することです。構文は "$(selector) .html(コンテンツ)」。

テキスト内のコンテンツをjqueryで置き換える方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery では、html() メソッドを使用してテキスト内のコンテンツを置き換えることができます。

html() メソッドは、選択した要素のコンテンツ (内部 HTML) を返すか設定します。このメソッドがパラメータを設定しない場合は、選択した要素の現在のコンテンツを返します。

このメソッドを使用して値を設定すると、一致するすべての要素の内容が上書きされます。

構文

$(selector).html(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で置き換える方法