Podstawy jQuery

Autor podstrony: Krzysztof Zajączkowski

Stronę tą wyświetlono już: 4798 razy

jQuery logo

Tak jak zostało to zapisane na powyższym obrazku z logiem, jQuery jest po to, żeby szybciej, łatwiej a więc i mniejszym nakładem czasu zrobić to samo co w czystym JavaScript. Jest to dodatek ułatwiający życie, który można a nawet trzeba pobrać z strony jquery.com. Na stronie tej w dziale download dostępna jest najnowsza wersja pliku tejże biblioteki, który znajduje się pod linkiem Download the compressed, production jQuery + numer wersji. Bibliotekę do swojej strony można załączyć w następujący sposób:

<script src="jquery-3.1.1.min.js"></script>

Użycie jQuery jest bardzo proste, dostępne są do wyboru dwie możliwości: użycie funkcji jQuery lub wykorzystanie aliasu tejże funkcji w postaci znaku $. Coby za dużo nie przynudzać, oto przykład:

$("#jquery").append($("<button>").text("Przycisk").attr("id", "jQueryButton").css("margin-bottom", "10px").click(function(){alert("Kliknąłeś")}));

W jednej linijce kodu dodałem do elementu o id = strona nowy element przycisk, któremu dodałem tekst, identyfikator i przypisałem (jakby tego było mało) funkcję pod zdarzenie kliknięcia. Oto rezultat tego niebywałego wydarzenia:

Polecane niekomercyjne edytory kodu JavaScript:
strony powiązane
  1. Brackets
  2. code.visualstudio.com-
Strony powiązane
strony powiązane
  1. jQuery.com
Propozycje książek