Rumah > Artikel > hujung hadapan web > Apakah kegunaan kaedah jquery replaceall
kaedah jquery replaceAll() digunakan untuk menggantikan elemen terpilih dengan elemen HTML baharu, sintaksnya ialah "$(content).replaceAll(selector)"; parameter "selector" menentukan elemen yang dipilih dan "content " menentukan Mengandungi kandungan gantian untuk teg HTML.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
kaedah jquery replaceall()
kaedah replaceAll() menggantikan elemen yang dipilih dengan elemen HTML baharu. Format tatabahasa:
$(content).replaceAll(selector)
参数 | 描述 |
---|---|
content | 必需。规定要插入的内容(必须包含 HTML 标签)。 |
selector | 必需。规定哪一个元素将被替换。 |
boleh dipermudahkan kepada: $(A).replaceAll(B)
, yang bermaksud menggantikan unsur B dengan unsur A.
Contoh 1: Gantikan elemen kuat dengan elemen
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function() { $("button").click(function() { $('<a href="https://www.php.cn/" target="_blank">PHP中文网</a>').replaceAll("strong"); }) }) </script> </head> <body> <strong>jQuery教程</strong><br/> <br><button>隐藏textarea</button> </body> </html>
Contoh 2: Gantikan p terakhir Elemen digantikan dengan elemen span
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function() { $("button").click(function() { $("<span><b>Hello world!</b></span>").replaceAll("p:last"); }) }) </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <br><br><button>隐藏textarea</button> </body> </html>
Penerangan: Pemilih
:last
memilih elemen terakhir ialah hanya digunakan Memilih elemen tunggal
: digunakan dengan pemilih lain untuk memilih elemen terakhir dalam gabungan yang ditentukan (seperti contoh di atas).
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Apakah kegunaan kaedah jquery replaceall. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!