logo

Przykład jQuery

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.

Plik: Firstjquery.html
 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Przetestuj teraz

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() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

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

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

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

Plik: shortjquery.html
 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Przetestuj teraz

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.