Cum se înlocuiește codul HTML într-un DIV cu jQuery

Pasul 1

Deschideți o aplicație de dezvoltare web sau un editor de text și creați o nouă pagină HTML.

Pasul 2

Adăugați biblioteca jQuery la pagină adăugând codul HTML corespunzător între etichetele "". De exemplu:

Modificați calea din atributul "src" pentru a se potrivi locației și versiunii bibliotecii descărcate de pe site-ul jQuery.

Pasul 3

Scrieți următorul cod pentru a adăuga un fragment HTML la pagină cu textul de probă. Aceasta trebuie adăugată între etichetele "".

Acesta este un exemplu

Pasul 4

Adăugați un buton HTML pe pagină utilizând codul de mai jos, care trebuie adăugat după exemplul DIV. Butonul nu are nicio acțiune definită în prezent, deoarece veți adăuga funcția de gestionare a clicurilor prin jQuery.

Pasul 5

Adăugați următorul cod HTML între etichetele "" "sub eticheta" "folosită pentru a include biblioteca jQuery.

Acest cod va crea o funcție care se va executa automat după încărcarea paginii. Apoi, definiți un handler de clic pentru butonul cu codul HTML "myButton", care execută o funcție atunci când este făcut clic. Funcția înlocuiește codul HTML conținut în DIV cu id "test".

Pasul 6

Încărcați pagina pe serverul dvs. web, apoi deschideți-o într-un browser. Faceți clic pe butonul și veți vedea că conținutul DIV se modifică instantaneu, pe măsură ce rulează comenzile de clic.