Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menggantikan kandungan dalam teks dengan jquery

Bagaimana untuk menggantikan kandungan dalam teks dengan jquery

青灯夜游
青灯夜游asal
2021-11-15 15:06:115956semak imbas

Dalam jquery, anda boleh menggunakan kaedah html() untuk menggantikan kandungan dalam teks Fungsi kaedah ini adalah untuk mengembalikan atau menetapkan kandungan elemen yang dipilih, sintaksnya ialah "$(selector). .html(kandungan)".

Bagaimana untuk menggantikan kandungan dalam teks dengan jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Dalam jquery, anda boleh menggunakan kaedah html() untuk menggantikan kandungan dalam teks. Kaedah

html() mengembalikan atau menetapkan kandungan (HTML dalaman) elemen yang dipilih. Jika kaedah ini tidak menetapkan parameter, ia mengembalikan kandungan semasa elemen yang dipilih.

Dan apabila anda menetapkan nilai menggunakan kaedah ini, ia akan menimpa kandungan semua elemen padanan.

Sintaks

$(selector).html(content)
  • kandungan: Pilihan. Menentukan kandungan baharu elemen yang dipilih. Parameter ini boleh mengandungi teg HTML.

Contoh:

<!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>

Bagaimana untuk menggantikan kandungan dalam teks dengan jquery

Cadangan tutorial berkaitan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menggantikan kandungan dalam teks dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Apakah ciri-ciri jqueryArtikel seterusnya:Apakah ciri-ciri jquery