Jquery modul de a crea elementul (mai multe moduri)

Utilizați funcția de adăugare ()

Crearea de noi elemente în jQuery în mai multe moduri. Cel mai simplu dintre acestea este de a utiliza funcția de adăugare () (add). Să presupunem că avem un fel de DIV, dintre care în interior au, de asemenea, o pereche de elemente, și aveți nevoie pentru a crea un altul, un al treilea.

Dacă doriți să creați un DIV gol:

Dacă doriți să creați un element cu atributele sau textul specificat:

Deoarece containerul părinte are deja un număr de elemente, noul element va fi sfârșitul părintelui, adică, după al doilea:

Noi folosim funcția appendTo ()

Puteți merge alt mod, folosind o funcție ușor diferită, care se numește appendTo () (adauga la). diferența sa este că nu este cauzată de un părinte, și cu cel care va fi adăugat. Acesta este modul în care această funcție ar fi opusul celei precedente. Rezultatul următorul cod va fi complet identic cu cel anterior:

Care este diferența, vă întreb? Diferența dintre append () și appendTo () este logica lanțului de apeluri. Multe funcții jQuery returnează un tip de obiect jQuery pentru a fi în măsură să continue în mod convenabil și pentru a efectua acțiuni compact pe ele. Aruncati o privire la următoarele două cazuri:

În primul caz, adăugați () returnează un obiect cu ID-ul principal, care este, părintele, și atunci este pentru el un nou CSS-proprietate vor fi adăugate. În al doilea caz funcția appendTo () va returna elementul nou creat, și CSS-proprietate va fi aplicat numai pentru el.

Rețineți că funcțiile descrise mai sus nu numai că se poate crea, dar și pentru a muta elementele existente. de exemplu, de la un părinte la altul. Să presupunem că avem următorul cod HTML:

Dacă vrem să mutați elementul 4 al treilea interior, executați următorul cod:

Prepend () și prependTo ()

Așa cum am descoperit, folosind două caracteristici anterioare, puteți crea un element de A și puneți-l în interiorul elementului B, în timp ce A este plasată la sfârșitul B, și a devenit ultimul său element de copil. Prepend () și prependTo () face contrariul: ei fac primul element A al elementelor copil ale B-mamă, adică, puneți-l la începutul lui B. Dacă avem acest cod html:

Noi creăm și pentru a muta elementele prin intermediul înainte de a) funcții (. după (). insertAfter (). insertBefore ()

Funcțiile discutate anterior, de a crea sau a muta elemente fie la începutul sau la sfârșitul containerului părinte. Dacă doriți să plasați obiectul în locația dorită, înainte sau după un alt obiect, atunci puteți utiliza următoarele funcții:

tsel.before (obiect) - introduce obiectul în fața țintei gol și se întoarce.
tsel.after (obiect) - introduce obiectul după țintă gol și se întoarce.
obekt.insertBefore (scop) - introduce obiectul în fața porții și returnează un obiect.
obekt.insertAfter (scop) - introduce obiectul după gol și returnează un obiect.

Să presupunem că există un cod HTML:

Dacă dorim să creăm un element și puneți-l după prima și înainte de: a doua, și apoi, de exemplu, să-l vopsea în culoarea verde, atunci puteți merge două moduri identice:

Dacă doriți să creați un obiect, de exemplu, înainte de prima și apoi vopsea primul verde:

Cred că logica este clar, nimic complicat.

Cum de a crea elementele unei mai user-friendly

Dacă este necesar, elementul nou creat pentru a seta unele proprietăți, sau „atârnă“ pe el câteva manipulare eveniment, este sintaxa mai convenabil pentru crearea de elemente ar putea fi următoarele:

Serviciul nostru ofera husky reale pe fotografii ale clienților care sunt dispuși să plătească pentru calitate.

Acesta este motivul pentru care recruta și angajați de la distanță, care va face de lucru, care este, a pus Huskies și plătit pentru asta.