logo

јКуери Пример

јКуери је развио Гоогле. Да бисте креирали први јКуери пример, потребно је да користите ЈаваСцрипт датотеку за јКуери. Можете преузети јКуери датотеку са јкуери.цом или користити апсолутни УРЛ јКуери датотеке.

У овом јКуери примеру користимо апсолутни УРЛ јКуери датотеке. Пример јКуерија је написан унутар ознаке скрипте.

Погледајмо једноставан пример јКуери-ја.

Датотека: фирстјкуери.хтмл
 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Тестирајте одмах

Излаз:

Први пасус је изабран.

Други пасус је изабран.

Трећи пасус је изабран.

$(доцумент).реади() и $()

Код уметнут између $(доцумент).реади() се извршава само једном када је страница спремна за извршавање ЈаваСцрипт кода.

ажурирање из придруживања скл

Уместо $(доцумент).реади(), можете користити само скраћени запис $().

јава метода надјачавање
 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Горњи код је еквивалентан овом коду.

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

Хајде да видимо цео пример јКуери-ја који користи стенографску нотацију $().

Фајл: схортјкуери.хтмл
 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Тестирајте одмах

Излаз:

Први пасус је изабран.

Други пасус је изабран.

Трећи пасус је изабран.


фунцтион() { $('п').цсс('бацкгроунд-цолор', 'циан'); }

То мења боју позадине свега

таг или параграф у цијан.