jquery selepas kaedah

JQuery ialah salah satu rangka kerja JavaScript yang paling popular pada masa ini yang digunakan oleh pembangun bahagian hadapan Kekuasaannya terletak pada menyediakan satu siri kaedah dan sifat, yang membawa kemudahan yang hebat apabila menggunakan kaedah HTML dan CSS juga salah satu yang terbaik.

Apakah kaedah selepas()?

Dalam JQuery, kaedah after() ialah cara untuk memasukkan elemen atau kandungan baharu. Ia boleh memasukkan elemen baharu atau menambahkan teks selepas elemen yang dipilih, dengan itu menukar kandungan pada halaman. Kaedah ini menerima sebarang parameter rentetan, sebarang rentetan yang boleh digunakan dalam pembina jQuery boleh digunakan sebagai parameter. Lebih-lebih lagi, kaedah after() boleh beroperasi pada koleksi berbilang elemen, membolehkan elemen baharu dimasukkan selepas kesemuanya.

Sintaks

Sintaks kaedah after() adalah seperti berikut:

$(selector).after(content, function(){});

di mana , pemilih mewakili pemilih elemen untuk memasukkan elemen baharu. Kandungan boleh menambah elemen, tatasusunan elemen, objek JQuery atau kod HTML. Parameter Fungsi adalah pilihan, ini akan dilaksanakan selepas kandungan dimasukkan selepas elemen.

Contoh

Cuba kod berikut:

HTML:

<div class="box">
  <p>这是一个段落。</p>
  <p>这是另一个段落。</p>
</div>

JavaScript:

$("p").after("<b>插入文本</b>");

Ini akan dimasukkan selepas setiap elemen perenggan " Sisipkan teks" dalam huruf tebal.

Begitu juga, kaedah ini boleh digunakan bersama dengan kaedah JQuery lain, seperti menggunakan kaedah .animate() untuk menetapkan kesan animasi, menggunakan kaedah .css() untuk menetapkan gaya, dsb. Contohnya:

 $("p").after("<b>插入文本</b>").animate({fontSize: '2em'}, 1000);

Ini akan memasukkan teks tebal selepas setiap tanda perenggan dan menetapkan saiz fon kepada 2em, muncul dengan kesan pudar.

Kes aplikasi praktikal kaedah after()

Dalam pembangunan sebenar, kaedah after() mempunyai banyak senario penggunaan. Berikut ialah beberapa kegunaan yang paling biasa:

1. Sisipkan elemen baharu

Memasukkan elemen baharu ialah penggunaan kaedah after() yang biasa digunakan. Contohnya:

HTML:

<div id="box">
  <p>这是一个段落。</p>
  <p>这是另一个段落。</p>
</div>

JavaScript:

$("#box p").after("<h1>这里是一个新的标题</h1>");

Ini akan menambah teg tajuk baharu "h1" selepas setiap elemen perenggan.

2. Sisipkan pengaki

Kaedah selepas() juga boleh digunakan untuk menambah maklumat pengaki di hujung halaman. Contohnya:

HTML:

<div id="box">
  <p>这是一个段落。</p>
  <p>这是另一个段落。</p>
</div>


  
这是一个页脚。

JavaScript:

$("#box").after($("#footer"));

Ini akan memasukkan maklumat pengaki selepas kotak dengan ID "kotak".

3. Elemen pemprosesan kelompok

Dalam pembangunan sebenar, selalunya perlu melakukan operasi yang sama pada berbilang elemen Dalam kes ini, anda boleh menggunakan kaedah selepas(). kepada elemen proses kumpulan.

HTML:

<div class="box">
  <p>段落1</p>
</div>
<div class="box">
  <p>段落2</p>
</div>
<div class="box">
  <p>段落3</p>
</div>

JavaScript:

$(".box").after("<hr/>");

Ini akan memasukkan garisan mendatar selepas setiap kotak dengan ID "kotak".

Ringkasan

Kaedah after() JQuery boleh membantu kami mengemas kini kandungan halaman web secara dinamik dengan lebih mudah, memasukkan elemen baharu, teks, gaya, animasi, dsb. Kaedah ini bukan sahaja mengoptimumkan kod halaman dengan lebih baik, tetapi juga memudahkan dan mempercepatkan penulisan dan penyelenggaraan kod, menjadikan pembangunan dan pengalaman pengguna lebih mudah dan menyeronokkan.

Atas ialah kandungan terperinci jquery selepas kaedah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!