jQuery obejmuje wydajne metody zmieniania i manipulowania elementów HTML i atrybutów.
jQuery DOM Manipulation
Bardzo ważną częścią jQuery jest możliwość manipulowania DOM.
jQuery pochodzi z gronem DOM pokrewnych metod, które ułatwiają dostęp i manipulowanie elementów i atrybutów.
DOM = Document Object Model
DOM definiuje standardy w zakresie dostępu do dokumentów HTML i XML:
"The Document Object Model W3C (DOM) to interfejs platformy i języka neutralne, które pozwala programy i skrypty do dynamicznego dostępu i aktualizować treść, strukturę i styl dokumentu."
Get Content - text(), html() i val()
Trzy proste, ale użyteczne, metody jQuery manipulacji DOM są:
- text() - ustawia lub zwraca zawartość tekstową wybranych elementów
- html() - ustawia lub zwraca zawartość wybranych pierwiastków (w tym znaczniki HTML)
- val() - ustawia lub zwraca wartość pola formularza
Poniższy przykład pokazuje, jak dostać się z treścią jQuery text() i html() metod:
Przykład
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
Spróbuj sam " Poniższy przykład pokazuje, jak uzyskać wartość w polu wprowadzania z jQuery val() metody:
Uzyskaj atrybutów - attr()
JQuery attr() metoda jest używana do pobierania wartości atrybutów.
Poniższy przykład pokazuje, jak uzyskać wartość href atrybutu w linku:
Kolejny rozdział opisuje ustawianie zawartości i atrybutów (zmiany) wartości.
Sprawdź się z ćwiczeń!
Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4»
jQuery HTML Reference
Aby uzyskać pełny przegląd wszystkich metod jQuery HTML, przejdź do naszej jQuery HTML / CSS .