Jquery за начинаещи, w3 образование

Помислете за един прост пример:

За да се свържете с JQuery библиотеката, трябва да укажете пътя до библиотеката файл атрибут SRC скрипт маркер. Например, ако jquery.js, разположени в същата директория като HTML-файла, можете да използвате този метод:

Ако библиотеката скрипт се намира в главната папка на скриптове. който е в основата на сайта, а след това трябва да се уточни:

За да научите коя версия на JQuery е по-добре, за да изтеглите, вижте статията "Къде да изтеглите JQuery?" ,

изпълнение на код след зареждане на документа

За да се реши този проблем е проста функция JQuery, която проверява документа в края на изтеглянето, тази функция е позната като готов събитието:

В следващия пример, във вътрешността на готов събитие настъпва, за да добавите манипулатор кликване събитие за връзката на страницата:

След като кликнете върху линка, браузърът ще покаже съобщение, преди да отидете на JQuery началната страница.

За събития за кликвания, а повечето от останалите доказателства, че е възможно да се предотврати поведението по подразбиране. За да се предотврати прехвърлянето на връзката, в този случай jquery.com сайт, трябва да се обадите event.preventDefault () метод в събитието манипулатор:

пълен пример

Следният пример показва цяла HTML страници с JQuery код. Имайте предвид, че библиотека файл, JQuery се изтегля от склада CDN Google. Също така са включени в писмен скрипт елемент . но е препоръчително да го поставите в отделен файл и се отнасят към него с помощта на атрибута SRC скрипт елемент.

Добавяне и премахване на HTML клас

Друго изпълнение JQuery повсеместен употреба - добавяне (или изваждане) клас.

Първо, създаване на CSS правило в главата на елемент от стила на етикет:

Сега наричаме функция addClass да добавите клас на връзката:

Всички елементи на една страница, за да променяте шрифта, за да смели.

За да премахнете този клас, използвайте функцията removeClass:

Имайте предвид, че HTML ви позволява да добавите няколко класове, един елемент.

визуални ефекти

В JQuery е достъпно няколко полезни ефекти, които могат да направят вашия сайт по-привлекателни. Променете манипулатор кликване събитие за връзка:

Сега, когато кликнете върху някоя връзка тя бавно изчезва.

Обр-функция

Обратно повикване - това е функция, която е посочена като аргумент в друга функция и да започне след приключване на друга функция. Важно е да се разбере как правилно да премине обратно повикване функция като аргумент.

Обратно повикване функция без аргументи

За обаждане-функция без аргументи можете да го мине по този начин:

Имайте предвид, че вторият параметър е името на обаждане функция без кавичките и скобите (това не е низ).

Обр-аргументи на функция

За да използвате функцията за обратно повикване, с аргументи, трябва да се напише код като този:

Този код няма да доведе до желания резултат, това не е така:

Как да научите повече за JQuery

За да се увеличи познанията си за JQuery можете да се обърнете към останалата част от документацията JQuery на този сайт.