Bagaimana untuk menggantikan kandungan dalam teks dengan jquery

青灯夜游
Lepaskan: 2021-11-15 15:06:11
asal
5905 orang telah melayarinya

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)
Salin selepas log masuk
  • 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>
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan