jQuery conține metode puternice pentru modificarea si manipularea elementelor HTML și atribute.
jQuery DOM Manipularea
O parte foarte importantă a jQuery este posibilitatea de a manipula DOM.
jQuery vine cu o grămadă de metode legate de DOM care fac ușor să acceseze și să manipuleze elemente și atribute.
DOM = Document Object Model
DOM definește un standard pentru acces la documente HTML și XML:
"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."
Obțineți conținut - text(), html() , și val()
Trei, metode simple, dar utile jQuery pentru manipularea DOM sunt:
- text() - Setează sau returnează conținutul text al elementelor selectate
- html() - Setează sau returnează conținutul elementelor selectate (inclusiv elementele de limbaj HTML)
- val() - Setează sau returnează valoarea câmpurilor de formular
Următorul exemplu demonstrează cum să obțineți conținut cu jQuery text() și html() metode:
Exemplu
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
Încearcă - l singur » Următorul exemplu demonstrează cum se obține valoarea unui câmp de intrare cu jQuery val() metoda:
Obțineți Atribute - attr()
JQuery attr() metoda este utilizată pentru a obține valorile atributelor.
Următorul exemplu demonstrează cum să obțineți valoarea href atributului într - un link:
Următorul capitol explică modul de setare (change) valori ale conținutului și atributelor.
Testați-te cu exerciții!
Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4»
jQuery HTML de referință
Pentru o prezentare completă a tuturor metodelor jQuery HTML, vă rugăm să accesați pagina jQuery HTML / CSS de referință .