Przypomnienie: Modyfikacja DOM z jQuery

Po znalezieniu kolekcji elementów za pomocą funkcji jQuery, możesz zmienić je za pomocą wielu metod.

Ustaw wewnętrzny tekst za pomocą text():
$("h1").text("All about cats"); (Zobacz przykład)

Ustaw wewnętrzny Html za pomocą html():
$("h1").html("I <strong>love</strong> cats"); (Zobacz jak)

Ustal atrybuty za pomocą attr():
$(".dog-pic").attr("src", "dog.jpg");
$(".google-link").attr("href", "http://www.google.com"); (Zobacz jak)

Zmień styl CSS za pomocą css():
$("h1").css("font-family", "monospace");
$("h1").css({"font-family": "monospace", "color": "red"}); (Zobacz przykład)

Dodaj klasę za pomocą addClass():
$("h1").addClass("warning");

Możesz tworzyć nowe elementy za pomocą ciągu HTML przekazanego do funkcji jQuery:
var $p = $("<p>");

Jeśli chcesz możesz przekazać pełny kod HTML, łącznie z zawartością znacznika, atrybutami i stylami.
var $p = $('<p style="color:red;">I love people who love cats.</p>');

Po stworzeniu elementu, możesz zmodyfikować go za pomocą powyższych metod:
$p.addClass("warning");

Następnie możesz dołączyć go do istniejącego elementu za pomocą append():
$("#main-div").append($p); (Zobacz przykład)

Możesz także dodać treść do strony za pomocą prepend() (See example) lub appendTo() (See example).

Przeczytaj dokumentację jQuery, aby uzyskać dodatkowe informacje na temat każdej z tych metod, jest połączona z nazwami metod powyżej. Nie jesteśmy w stanie opisać wszystkiego tutaj, a jako web developer praktyki często się zmieniają, więc musisz umieć czytać dokumentację szybko i sprawnie, aby wszystko rozumieć. Zacznij już teraz!