jQuery memasukkan prepend() dan prependTo()
Selain memasukkan kandungan tertentu di hujung elemen yang dipilih (masih di dalam) melalui append dan appendTo, anda juga boleh memasukkannya sebelum elemen yang dipilih Kaedah yang disediakan oleh jQuery adalah prepend dan Penerangan prependTo
pemilih:
Mari kita tulis contoh untuk menerangkan Kodnya adalah seperti berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>prepend与prependTo</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <ul> <li id="li1">php 中文网</li> <li id="li2">php.cn</li> </ul> <input type="button" id="ipt1" value="prepend"> <input type="button" id="ipt2" value="prependTo"> <script> $("#ipt1").click(function(){ $('#li1').prepend("欢迎</br>"); }) $("#ipt2").click(function(){ $('#li2').prepend("欢迎</br>"); }) </script> </body> </html>
Nota: prepend( ) dan .prependTo() implement. fungsi yang sama. Perbezaan utama ialah sintaks, kandungan yang disisipkan dan lokasi sasaran
Berikut ialah ringkasan perbezaan antara empat kaedah operasi dalaman:
tambah( ) Tambahkan kandungan pada setiap elemen padanan
prepend() Tambahkan kandungan pada setiap elemen padanan
appendTo() Tambahkan semua elemen padanan pada elemen lain yang ditentukan Dalam koleksi
prependTo() menambah semua elemen padanan ke koleksi elemen lain yang ditentukan