јКуери је развио Гоогле. Да бисте креирали први јКуери пример, потребно је да користите ЈаваСцрипт датотеку за јКуери. Можете преузети јКуери датотеку са јкуери.цом или користити апсолутни УРЛ јКуери датотеке.
У овом јКуери примеру користимо апсолутни УРЛ јКуери датотеке. Пример јКуерија је написан унутар ознаке скрипте.
Погледајмо једноставан пример јКуери-ја.
Датотека: фирстјкуери.хтмл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() { $('p').css('color', 'red'); });
Горњи код је еквивалентан овом коду.
$(function() { $('p').css('color', 'red'); });
Хајде да видимо цео пример јКуери-ја који користи стенографску нотацију $().
Фајл: схортјкуери.хтмлSecond jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p>Тестирајте одмах
Излаз:
Први пасус је изабран.
Други пасус је изабран.
Трећи пасус је изабран.
фунцтион() { $('п').цсс('бацкгроунд-цолор', 'циан'); }
То мења боју позадине свега
таг или параграф у цијан.