jQuery - dynamiczne tworzenie elementów strony
Stronę tą wyświetlono już: 4159 razy
Dzięki jQuery proces dynamicznego tworzenia nowych elementów strony dużo przyjaźniejszy aniżeli w czystym JavaScript. Oto prosty przykład utworzenia przycisku w starym stylu:
Wynik działania powyższego kodu:
A teraz to samo, tylko z udziałem jQuery:
Rezultat działania powyższego skryptu:
Powyższy skrypt można również nieco rozpisać:
Jednak myślę, że jest to zbyteczne.
W ten sposób można dodawać w dynamiczny sposób różne elementy na stronie. Dodatkowo ma się tutaj dostęp do zmiennej reprezentującej dany element strony, dzięki czemu można zmieniać style i atrybuty tego obiektu w kodzie bez konieczności wyciągania elementu z DOM.
Tytuł:
JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik Front-End Developera
Autor:
Jon Duckett
Tytuł:
JavaScript od pierwszej linii kodu. Błyskawiczna nauka pisania gier, stron WWW i aplikacji internetowych
Autor:
Laurence Lars Svekis, Maaike van Putten, Rob Percival
Tytuł:
JavaScript funkcyjnie. Zrównoważone, pragmatyczne programowanie funkcyjne w JavaScript
Autor:
Kyle Simpson
Tytuł:
JavaScript dla dzieci dla bystrzaków
Autor:
Chris Minnick, Eva Holland
Tytuł:
Modularny JavaScript dla zaawansowanych
Autor:
Nicolas Bevacqua
Tytuł:
JavaScript w praktyce. Stwórz twitterowego bota, system sygnalizacyjny LED i inne projekty z użyciem Node.js i Raspberry Pi
Autor:
Lynn Beighley
Tytuł:
Matematyka dla programistów JavaScript
Autor:
Jacek Piechota
Tytuł:
JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik Front-End Developera
Autor:
Jon Duckett
Tytuł:
ECMAScript 6. Przewodnik po nowym standardzie języka JavaScript
Autor:
Nicholas C. Zakas
Tytuł:
JavaScript i wzorce projektowe. Programowanie dla zaawansowanych. Wydanie II
Autor:
Simon Timms