jQuery oferă o modalitate trivială și elegantă de a crea elemente noi utilizând aceeași metodă $ (). folosit pentru a face selecții:
Marchează obiectul atributului în al doilea parametru de mai sus, precum și numele proprietății clasei, închisă în ghilimele, în timp ce numele textului și proprietățile href nu sunt. Numele proprietăților nu ar trebui să fie în mod obișnuit citate decât dacă sunt cuvinte rezervate (cum ar fi clasa în acest caz).
Când creați un element nou cu jQuery. nu este adăugată imediat la pagină. Există mai multe moduri de a adăuga un element unei pagini odată ce a fost creat.
// Adăugați un element nou la pagină.
var $ myNewElement = $ ("
Articol nou
„);$ myNewElement.insertAfter (ul: ultima);
// Aceasta va elimina p din #content!
$ ("ul") .last () după ($ myNewElement.clone ());
Clonarea p, deci acum avem două.
De asemenea, puteți să creați un element atunci când îl adăugați la o pagină, dar rețineți că în acest caz nu primiți un link la articolul nou creat:
// Creați și adăugați un element
// la pagina în același timp.
$ ("ul") .append ("
Sintaxa pentru adăugarea de elemente noi pe pagină este simplă, așa că este tentantă să uităm că există un cost imens de performanță pentru adăugarea periodică la DOM. Dacă adăugați o mulțime de elemente în același container, atunci trebuie să contacteze toate HTML într-o singură linie, și apoi adăugați această linie la container, mai degrabă decât pentru a adăuga elemente unul câte unul. Utilizați matrice pentru a colecta toate piesele împreună, apoi combinați-le într-o singură linie pentru a adăuga:
var myItems = [];
var $ myList = $ ("#myList");
pentru (var i = 0; i
Articole similare
Trimiteți-le prietenilor: