Rumah > hujung hadapan web > tutorial js > Contoh penggunaan menggunakan jQuery untuk memproses elemen_jquery halaman

Contoh penggunaan menggunakan jQuery untuk memproses elemen_jquery halaman

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-16 16:19:15
asal
1029 orang telah melayarinya

Contoh dalam artikel ini menerangkan penggunaan jQuery untuk memproses elemen halaman. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Untuk elemen halaman, ia boleh diuruskan melalui pelbagai kaedah pertanyaan dan pengubahsuaian dalam pengaturcaraan DOM, yang sangat menyusahkan. jQuery menyediakan satu set keseluruhan kaedah untuk memanipulasi elemen halaman. Termasuk kandungan, salinan, pemindahan dan penggantian elemen. Berikut adalah beberapa yang biasa digunakan.

1. Dapatkan dan edit kandungan secara langsung.

Dalam jQuery, kandungan halaman diperoleh dan diedit terutamanya melalui dua kaedah html() dan text(). Antaranya, html() adalah bersamaan dengan mendapatkan atribut innerHTML nod. Menambah parameter html(text) set innerHtml text() digunakan untuk mendapatkan teks biasa bagi elemen, dan text(content) menetapkan plain teks.

Kedua-dua kaedah ini kadangkala digunakan bersama-sama text() digunakan untuk menapis teg dalam halaman, manakala html(teks) digunakan untuk menetapkan innerHtml dalam nod. Contohnya:

Salin kod Kod adalah seperti berikut:
$(function() {
var sString = $("p:first").text(); //Dapatkan teks biasa
$("p:last").html(sString);
});

Gunakan kaedah text() untuk mendapatkan teks P pertama, dan kemudian gunakan kaedah html() untuk menetapkannya kepada

yang terakhir.

Penggunaan kaedah text() dan html() yang bijak.

Salin kod Kod adalah seperti berikut:
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan