jQuery - Pobierz zawartość i atrybuty
jQuery zawiera potężne metody zmiany i manipulowania elementami i atrybutami HTML.
jQuery DOM Manipulacja
Bardzo ważną częścią jQuery jest możliwość manipulowania DOM.
jQuery zawiera kilka metod związanych z DOM, które ułatwiają dostęp do elementów i atrybutów oraz manipulowanie nimi.
DOM = Document Object Model
DOM definiuje standard dostępu do dokumentów HTML i XML:
„W3C Document Object Model (DOM) to platforma i neutralny językowo interfejs, który umożliwia programom i skryptom dynamiczny dostęp i aktualizację treści, struktury i stylu dokumentu."
Pobierz zawartość — text(), html() i val()
Trzy proste, ale przydatne metody jQuery do manipulacji DOM to:
text()- Ustawia lub zwraca zawartość tekstową wybranych elementówhtml()- Ustawia lub zwraca zawartość wybranych elementów (w tym znaczniki HTML)val()- Ustawia lub zwraca wartość pól formularza
Poniższy przykład pokazuje, jak uzyskać zawartość za pomocą jQuery text()i html()metod:
Przykład
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
Poniższy przykład pokazuje, jak uzyskać wartość pola wejściowego za pomocą val()metody jQuery:
Przykład
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
Pobierz atrybuty - attr()
Metoda jQuery attr()służy do pobierania wartości atrybutów.
Poniższy przykład pokazuje, jak uzyskać wartość atrybutu href w łączu:
Przykład
$("button").click(function(){
alert($("#w3s").attr("href"));
});
W następnym rozdziale wyjaśniono, jak ustawić (zmienić) zawartość i wartości atrybutów.
Ćwiczenia z jQuery
Dokumentacja HTML jQuery
Aby uzyskać pełny przegląd wszystkich metod jQuery HTML, przejdź do naszego jQuery HTML/CSS Reference .