jquery menetapkan kandungan

Dalam pembangunan tapak web, kita selalunya perlu mengubah suai teks pautan pada halaman (iaitu kandungan dalam tag a). Cara mudah ialah menggunakan kaedah yang berkaitan dalam perpustakaan jQuery. Berikut ialah kaedah pelaksanaan khusus.

Pertama, kita perlu mempunyai halaman HTML yang mengandungi teg, contohnya:

<a href="http://www.example.com">原始链接内容</a>。

Seterusnya, kita boleh menggunakan kaedah text() dalam perpustakaan jQuery untuk mengubah suai kandungan dalam sebuah tag. Kaedah text() boleh mendapatkan kandungan teks biasa dalam koleksi elemen padanan atau menggantikan kandungan semua elemen padanan. Kita boleh menghantar teks pautan baharu sebagai parameter kaedah text(), contohnya:

$( "a" ).text( "新的链接内容" );

Dengan cara ini, kandungan teg diubah suai kepada "kandungan pautan baharu". Jika kami ingin mengubah suai kandungan berbilang teg pada halaman, kami hanya perlu menambah nama atribut kelas yang sama pada teg ini seperti berikut, dan kemudian gunakan pemilih jQuery untuk memilih elemen ini untuk mengubah suai kandungannya sekaligus:

<a href="http://www.example.com" class="my-link">原始链接内容</a>。
<a href="http://www.example2.com" class="my-link">另一个链接</a>。
...
$( ".my-link" ).text( "新的链接内容" );

Pada masa ini, semua kandungan teg yang mengandungi atribut kelas bernama "my-link" akan ditukar kepada "kandungan pautan baharu".

Walau bagaimanapun, perlu diingat bahawa menggunakan kaedah text() hanya boleh mengubah suai kandungan teks dalam teg, tetapi tidak boleh mengubah suai atribut lain. Jika kita ingin mengubah suai atribut href, kita mesti menggunakan kaedah attr(). Kaedah attr() boleh mendapatkan atau menukar nilai atribut elemen padanan, contohnya:

<a href="http://www.example.com" class="my-link">原始链接内容</a>。
<a href="http://www.example2.com" class="my-link">另一个链接</a>。
...
$( ".my-link" ).attr( "href", "http://www.new-example.com" );

Dengan cara ini, atribut href bagi semua teg yang mengandungi atribut kelas bernama "my-link" akan menjadi ditukar kepada "http: //www.new-example.com".

Menggunakan perpustakaan jQuery, anda boleh mengubah suai kandungan dan atribut elemen pada halaman dengan mudah. Dan, memandangkan jQuery ialah perpustakaan JavaScript yang popular, ia mempunyai pelbagai aplikasi dan banyak sumber serta tutorial untuk dirujuk. Saya harap artikel ini dapat membantu anda dengan cepat menguasai cara menggunakan jQuery untuk mengubah suai kandungan dan atribut tag.

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