jQuery oferuje wiele metod, które pomagają programistom skutecznie tworzyć dynamiczne środowisko internetowe. Metoda jQuery html()
zastępuje cały kod HTML w wybranym elemencie. Jest to przydatne, jeśli chcesz dynamicznie zmieniać to, co widzi użytkownik po interakcji ze stroną.
W tym przewodniku dowiemy się, jak używać html()
i jego składnia. Podejmiemy również krok po kroku podejście do korzystania z html()
. jQuery html()
jest podstawową metodą biblioteki jQuery i jest często używana. Po zapoznaniu się z podstawami możesz zacząć ćwiczyć z html()
.
Co to jest jQuery html()?
jQuery html()
ustawia zawartość HTML każdego elementu na zestaw pasujących elementów. Należy zadbać o dostarczenie zapytania, które jest wystarczająco precyzyjne, aby zastąpić tylko żądany kod HTML.
Tylko treść jest edytowana za pomocą html()
. Jeśli istnieje arkusz stylów, nowa treść będzie miała ten sam styl co poprzednia treść. Warto również wspomnieć, że html()
działa tylko z dokumentem HTML - nie działa z XML.
html() jQuery składnia
Pamiętaj, że Metody jQuery są najpierw wywoływane na selektorze. Selektor może być tak duży jak
tag lub tak szczegółowy jak ). Po wybraniu żądanego elementu możemy wywołać html()
i przekazać ciąg HTML jako parametr do html()
. Szczegółowe wyjaśnienie selektorów CSS znajduje się w naszym przewodniku .
html ()
akceptuje literał ciąg jako parametr lub zmienna zawierająca ciąg. Przekazanie dosłownego ciągu „Nowa treść” zostanie wyrenderowane jako przekazanie zmiennej odnoszącej się do „Nowej treści”.