Rumah hujung hadapan web tutorial js Menggunakan operasi DOM untuk menggantikan ungkapan biasa dalam jQuery_jquery

Menggunakan operasi DOM untuk menggantikan ungkapan biasa dalam jQuery_jquery

May 16, 2016 pm 04:23 PM
Operasi DOM jquery ungkapan biasa

Dalam dunia hari ini di mana pelanggan struktur B/S menjadi semakin "gemuk", sebagai pengaturcara penuh, anda berkemungkinan mengendalikan rentetan html pada bahagian hadapan Perhatikan bahawa anda mengendalikan rentetan html, bukan rentetan halaman semasa.

Contohnya, Ueditor, editor teks kaya HTML dalam talian yang dilancarkan oleh Baidu, boleh mencipta dokumen teks kaya dalam talian dan fungsinya setanding dengan versi Microsoft Word yang diperkemas. Walaupun Ueditor mempunyai aura Baidu, kesan sebenar tidak begitu memuaskan Kami perlu memproses rentetan html yang dihasilkannya dua kali, seperti menetapkan lebar semua imej kepada 90%.

Melalui kaedah tertentu, kita boleh mendapatkan rentetan html dalam editor teks Anggapkan rentetan tersebut adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

Sao Nian seperti bunga


Sao Nian Selfie

Piramid Misteri


Piramid Cina

Kehidupan seperti mimpi


Semua jenis kehidupan

Tetapi apa yang perlu dilakukan seterusnya? Pemprosesan rentetan yang elegan memudahkan kita memikirkan ungkapan biasa Bolehkah kita menggunakan ungkapan biasa di sini?

Jawapannya boleh, cuba kesan biasa dulu. Tetapkan lebar semua imej kepada 90%. Cara paling mudah ialah menambah atribut gaya pada teg img dan kemudian menentukan lebar dalam gaya.

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              langkah pertama kami untuk memadankan semua teg img. Tidak, ini mungkin menimpa atribut asal yang lain, jadi tambahkan secara langsung Penambahan itu tidak akan menimpanya. Masih tidak berfungsi, bagaimana jika ada lebar asalnya. . .

Saya belum mula menulis ungkapan biasa lagi, memikirkan prosesnya dahulu, ia sudah sangat membosankan, pelaksanaannya lebih rumit.

Nasib baik, kami boleh mengubah pemikiran kami dan menyelesaikan masalah ini dengan bantuan jQuery.

Kekuatan jQuery ialah ia boleh membungkus secara terus rentetan HTML ke dalam elemen dom ini tidak wujud dalam halaman semasa, ia diletakkan dalam memori.

Melalui jQuery, anda hanya memerlukan sekeping kod ini untuk mencapainya:

Salin kod Kod adalah seperti berikut:

//Tentukan bekas untuk memudahkan mendapatkan rentetan html yang diubah suai
//Gunakan jQuery terus untuk membalut "
". Pada masa ini, akan ada elemen div dalam memori
var $container = $("
");
//Anggap ini rentetan html yang perlu diubah suai
var html = "";
//Masukkan terus rentetan html untuk diubah suai ke dalam bekas
//jQuery cukup kuat untuk membungkus rentetan html secara automatik ke dalam elemen dom dan kemudian memasukkannya ke dalam bekas div dalam memori
$container.append(html);
//Cari semua teg img dalam bekas dan lintasi
$container.find("img").setiap(fungsi(i,n){
//Untuk setiap elemen img, ubah suai atribut lebar secara langsung dalam atribut gayanya
//Jika atribut gaya tidak wujud, tambahkannya secara automatik jika sudah ada atribut lebar, ubah suai terus tidak perlu terlalu risau
$(n).css({
       lebar: "90%"
});
});
//Dapatkan rentetan html yang diubah suai, iaitu kandungan html bekas
makluman($container.html());

Komen dalam kod adalah sangat terperinci, jadi saya tidak akan menerangkan terlalu banyak Kita perlu memahami bahawa jQuery bukan sahaja boleh mengendalikan html dalam halaman sebenar, tetapi juga html maya dalam memori.

Dengan membandingkan kedua-duanya, saya percaya pembaca dapat segera memahami kaedah mana yang lebih baik.

Seperti yang sering dikatakan oleh Xiao Cai: Jika anda fikir masalah boleh diselesaikan, tetapi ia masih belum diselesaikan selepas sekian lama, mungkin pemikiran anda salah Fikirkan dari sudut lain, dan masalah itu akan berlaku diselesaikan!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Pengesahan ungkapan biasa PHP: pengesanan format nombor Pengesahan ungkapan biasa PHP: pengesanan format nombor Mar 21, 2024 am 09:45 AM

Pengesahan ungkapan biasa PHP: Pengesanan format nombor Semasa menulis program PHP, selalunya perlu untuk mengesahkan data yang dimasukkan oleh pengguna Salah satu pengesahan biasa adalah untuk memeriksa sama ada data mematuhi format nombor yang ditentukan. Dalam PHP, anda boleh menggunakan ungkapan biasa untuk mencapai pengesahan jenis ini. Artikel ini akan memperkenalkan cara menggunakan ungkapan biasa PHP untuk mengesahkan format nombor dan memberikan contoh kod khusus. Mula-mula, mari kita lihat keperluan pengesahan format nombor biasa: Integer: hanya mengandungi nombor 0-9, boleh bermula dengan tanda tambah atau tolak dan tidak mengandungi titik perpuluhan. titik terapung

Bagaimana untuk mengesahkan alamat e-mel di Golang menggunakan ungkapan biasa? Bagaimana untuk mengesahkan alamat e-mel di Golang menggunakan ungkapan biasa? May 31, 2024 pm 01:04 PM

Untuk mengesahkan alamat e-mel di Golang menggunakan ungkapan biasa, ikut langkah berikut: Gunakan regexp.MustCompile untuk mencipta corak ungkapan biasa yang sepadan dengan format alamat e-mel yang sah. Gunakan fungsi MatchString untuk menyemak sama ada rentetan sepadan dengan corak. Corak ini merangkumi kebanyakan format alamat e-mel yang sah, termasuk: Nama pengguna tempatan boleh mengandungi huruf, nombor dan aksara khas: !.#$%&'*+/=?^_{|}~-`Nama domain mesti mengandungi sekurang-kurangnya Satu huruf, diikuti dengan huruf, nombor atau sempang Domain peringkat teratas (TLD) tidak boleh lebih daripada 63 aksara.

Bagaimana untuk memadankan cap masa menggunakan ungkapan biasa dalam Go? Bagaimana untuk memadankan cap masa menggunakan ungkapan biasa dalam Go? Jun 02, 2024 am 09:00 AM

Dalam Go, anda boleh menggunakan ungkapan biasa untuk memadankan cap masa: susun rentetan ungkapan biasa, seperti yang digunakan untuk memadankan cap masa ISO8601: ^\d{4}-\d{2}-\d{2}T \d{ 2}:\d{2}:\d{2}(\.\d+)?(Z|[+-][0-9]{2}:[0-9]{2})$ . Gunakan fungsi regexp.MatchString untuk menyemak sama ada rentetan sepadan dengan ungkapan biasa.

Petua jQuery: Cepat ubah suai teks semua teg pada halaman Petua jQuery: Cepat ubah suai teks semua teg pada halaman Feb 28, 2024 pm 09:06 PM

Tajuk: Petua jQuery: Cepat ubah suai teks semua teg pada halaman Dalam pembangunan web, kita selalunya perlu mengubah suai dan mengendalikan elemen pada halaman. Apabila menggunakan jQuery, kadangkala anda perlu mengubah suai kandungan teks semua teg dalam halaman sekaligus, yang boleh menjimatkan masa dan tenaga. Berikut akan memperkenalkan cara menggunakan jQuery untuk mengubah suai teks semua teg pada halaman dengan cepat, dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan fail perpustakaan jQuery dan memastikan bahawa kod berikut dimasukkan ke dalam halaman: &lt

Gunakan jQuery untuk mengubah suai kandungan teks semua teg Gunakan jQuery untuk mengubah suai kandungan teks semua teg Feb 28, 2024 pm 05:42 PM

Tajuk: Gunakan jQuery untuk mengubah suai kandungan teks semua teg jQuery ialah perpustakaan JavaScript yang popular yang digunakan secara meluas untuk mengendalikan operasi DOM. Dalam pembangunan web, kita sering menghadapi keperluan untuk mengubah suai kandungan teks tag pautan (tag) pada halaman. Artikel ini akan menerangkan cara menggunakan jQuery untuk mencapai matlamat ini dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan perpustakaan jQuery ke dalam halaman. Tambahkan kod berikut dalam fail HTML:

Bagaimana untuk mengesahkan kata laluan menggunakan ungkapan biasa dalam Go? Bagaimana untuk mengesahkan kata laluan menggunakan ungkapan biasa dalam Go? Jun 02, 2024 pm 07:31 PM

Kaedah menggunakan ungkapan biasa untuk mengesahkan kata laluan dalam Go adalah seperti berikut: Tentukan corak ungkapan biasa yang memenuhi keperluan kata laluan minimum: sekurang-kurangnya 8 aksara, termasuk huruf kecil, huruf besar, nombor dan aksara khas. Susun corak ungkapan biasa menggunakan fungsi MustCompile daripada pakej regexp. Gunakan kaedah MatchString untuk menguji sama ada rentetan input sepadan dengan corak ungkapan biasa.

Penapisan aksara Cina: Amalan ungkapan biasa PHP Penapisan aksara Cina: Amalan ungkapan biasa PHP Mar 24, 2024 pm 04:48 PM

PHP adalah bahasa pengaturcaraan yang digunakan secara meluas, terutamanya popular dalam bidang pembangunan web. Dalam proses pembangunan web, kami sering menghadapi keperluan untuk menapis dan mengesahkan input teks oleh pengguna, antaranya penapisan aksara adalah operasi yang sangat penting. Artikel ini akan memperkenalkan cara menggunakan ungkapan biasa dalam PHP untuk melaksanakan penapisan aksara Cina dan memberikan contoh kod khusus. Pertama sekali, kita perlu menjelaskan bahawa julat Unicode aksara Cina adalah dari u4e00 hingga u9fa5, iaitu, semua aksara Cina berada dalam julat ini.

Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu? Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu? Feb 29, 2024 am 09:03 AM

Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu? Apabila menggunakan jQuery untuk mengendalikan elemen DOM, anda sering menghadapi situasi di mana anda perlu menentukan sama ada sesuatu elemen mempunyai atribut tertentu. Dalam kes ini, kita boleh melaksanakan fungsi ini dengan mudah dengan bantuan kaedah yang disediakan oleh jQuery. Berikut akan memperkenalkan dua kaedah yang biasa digunakan untuk menentukan sama ada elemen jQuery mempunyai atribut khusus, dan melampirkan contoh kod tertentu. Kaedah 1: Gunakan kaedah attr() dan operator jenis // untuk menentukan sama ada elemen mempunyai atribut tertentu

See all articles