jQuery jest rozwijany przez Google. Aby utworzyć pierwszy przykład jQuery, musisz użyć pliku JavaScript dla jQuery. Możesz pobrać plik jQuery z jquery.com lub użyć bezwzględnego adresu URL pliku jQuery.

W tym przykładzie jQuery używamy bezwzględnego adresu URL pliku jQuery. Przykład jQuery jest zapisany wewnątrz znacznika skryptu.

Zobaczmy prosty przykład jQuery.

 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

Wyjście:

Wybrano pierwszy akapit.

Wybrano drugi akapit.

Wybrano trzeci akapit.

$(dokument).gotowy() i $()

Kod wstawiony pomiędzy $(document).ready() jest wykonywany tylko raz, gdy strona jest gotowa do wykonania kodu JavaScript.

sortowanie na liście w Javie

Zamiast $(document).ready() można używać wyłącznie skróconej notacji $().

 $(document).ready(function() { $('p').css('color', 'red'); }); 

Powyższy kod jest równoważny temu kodowi.

 $(function() { $('p').css('color', 'red'); }); 

Zobaczmy pełny przykład jQuery przy użyciu skróconej notacji $().

 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

Wyjście:

Wybrano pierwszy akapit.

sortuj listę tablic w Javie

Wybrano drugi akapit.

Wybrano trzeci akapit.

funkcja() { $('p').css('kolor-tła', 'cyjan'); }

Zmienia kolor tła wszystkiego

znacznik lub akapit na kolor cyjan.