Wprowadzenie do jQuery

Biblioteka jQuery może być dodana do strony za pomocą prostego znacznika.

Biblioteka jQuery - cechy

jQuery to biblioteka funkcji JavaScript.

Biblioteka jQuery zawiera następujące cechy:

  • Wybieranie elementów HTML
  • Operacje na elementach HTML
  • Operacje CSS
  • Funkcje zdarzeń HTML
  • Efekty i animacje JavaScript
  • Przechodzenie i modyfikacja HTML DOM
  • AJAX
  • Utylitki

Dodaj bibliotekę jQuery do swojej strony

Biblioteka jQuery znajduje się w pliku JavaScript, który zawiera wszystkie funkcje jQuery.

jQuery można dodać do strony za pomocą poniższego znacznika:

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

Proszę zauważyć, że znacznik <script> powinien znajdować się w sekcji <head> strony.

Podstawowy przykład jQuery

Poniższy przykład pokazuje funkcję hide() jQuery, która ukrywa wszystkie elementy <p> w dokumencie HTML.

Przykład

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>To jest nagłówek</h2>
<p>To jest akapit.</p>
<p>To jest inny akapit.</p>
<button type="button">Kliknij mnie</button>
</body>
</html>

Spróbuj sam

Pobierz jQuery

Dostępne są dwie wersje jQuery do pobrania: jedna jest skrócona, a druga jest nieskompresowana (dla debugowania lub czytania).

Obie wersje są dostępne jQuery.com Pobierz

Zastępstwo biblioteki

Google i Microsoft oferują doskonałe wsparcie dla jQuery.

Jeśli nie chcesz przechowywać biblioteki jQuery na swoim komputerze, możesz pobrać ją z CDN Google lub Microsoft.

Używaj CDN Google

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

Używaj CDN Microsoft

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>