Какво е JQuery
Какво е JQuery
На първо видим какво точно е JQuery?
С течение на годините, библиотеката е претърпял много промени, както и текущия ден съдържа функционалност, която е полезна за най-широк кръг от приложения. Той е с малки размери (например, размерът на минимизирана версия на системата- 55.9 КБ и 19 KB компресиран версия на системата-) и не замърсява глобалното пространство тривиални идентификатори.
Document.getElementByld ( "divl") innerHTML = "Нов текст.";
на JQuery код, който изпълнява едно и също действие ще бъде два пъти по-дълго.
Друга отличителна черта на библиотеката JQuery е способността да се направи верига от извикване на метод, тъй като повечето методи JQuery изведе обект с които можете да направите допълнителни манипулации.
$ ( "# Message") // получи препратка към елемента с идентификатор = съобщение
.HTML ( "Съобщение") // промяна на текста вътре в елемента
.майка () // Получаване на позоваване на елемент родител
.ЕСС ( "фон цвят", "# fff4dd") // Zadalitsvetfona
.ширина (300) // Ширина
.височина (200) // Височина
// проблем възпроизвежда елементите, поради промени в прозрачността
.fadeln (3000);
JQuery библиотеката не е оставена без надзор и AJAX технология, позволява да се обменят данни със сървъра без презареждане на уеб страницата. В глава 10 ще разгледаме основните свойства и методи на обекта XMLHttpRequest и глава 11 ще разгледа много лесен интерфейс за AJAX, JQuery библиотеката е предвидено.
Благодарение на своята универсалност JQuery библиотека ще бъде полезно за почти всеки разработчик. Тя е подходяща за начинаещи, тъй като позволява да забравите за проблема с приложение различни браузъри (пусна нов уеб brauzer- променила своята версия на библиотеката и всичко работи отново). Библиотеката е идеален за професионалисти, тъй като позволява да се намали кода най-малко три пъти. А това от своя страна ще напиша един много сложен код с минимални усилия и загуба на време.
В тази книга, се приема, че всички обсъждани файловете се записват в UTF-8. Така че, преди да се проучат възможностите на библиотеката JQuery, помислете какво UTF-8 е различен от другите символи, и как да запишете файла в тази кодиране.
Всички герои, които виждаме на екрана на монитора вътре в компютъра се съхраняват под формата на числа. Всеки символ съответства на определен брой (характер код). За да се отговори на въпроса, как трябва да изглежда героя представлява от специален код, таблици за съответствие, се наричат кодиране. Encoding може да бъде едно-и мулти-байт.
характер, кодиращ един байт се кодира от един байт. Първите 7 бита дава 128 знака в кода, съответстващи на ASCII. Някои от тези знаци са цифри, букви от азбуката, препинателни знаци, както и някои специални символи (като нов ред, в раздела, и т.н.).
Кодекси за тези герои са едни и същи в почти всички еднобайтови кодировки. Осем бита за кодиране на символи на националните азбуки. По този начин, еднобайтови кодиране на позволяват да се кодира всички 256 знака. За да кодирате езикови буквите българските разработени пет кодировки - прозорци-1251 (sr1251), sr866, iso8859-5, KOI8-R и Mac-кирилица. Трудността се състои в това, че кодът е на същите руски буквите в тези кодировки могат да бъдат различни. Поради това, възникват много проблеми.
В UTF-8 кодиране един символ може да бъде кодиран в няколко байта. Първите 128 знака съответстват на символите от ASCII и са кодирани с един байт. Останалите герои са кодирани с променлив брой байтове - от два до шест (на praktike- до четири).
Буквите на българската азбука и някои други европейски езици са кодирани в два байта. С други думи, UTF-8 кодиране позволява знаци, за да кодират всички съществуващи азбуки и е в състояние да замени всички кодове наведнъж. Сайтът може да бъде в руски или друг език, и кодиране ще бъде същото. Това кодиране, ние ще използваме.
Когато запишете файла в UTF-8 трябва да се има предвид, че приложението да използва Notepad за това е невъзможно, тъй като при запис в началото на файла, ще бъде поставена в специални символи, наречена съкращение BOM (Byte Поръчка Марк, с цел марка байт). За UTF-8 кодиране, тези знаци са по избор и няма да ни позволят в бъдеще, например, определя заглавията на отговор от сървъра. За да работите с UTF-8 кодиране, трябва да инсталирате компютърна програма Notepad ++.
Фактът, че ние ще използваме UTF-8 кодиране, не означава, че библиотеката JQuery може да работи само с това кодиране. В нашите проекти, можете да използвате всеки друг кодиране. Все пак трябва да се има предвид, че AJAX заявки по подразбиране са кодирани в UTF-8. Ако използвате други кодировки трябва да изпълнява транскодиране.
Свързване на JQuery библиотеката
Сам скрипт маркер трябва да бъде поставен в HTML-документа секция HEAD.
Определяне на документа е готов
Обикновено повечето от извършено действие на елементите на HTML-документ. Поради тази причина, трябва да се изпълняват само скриптове, когато документът е зареден. Без библиотеката JQuery за тази цел обикновено се използва при зареждане случай на прозорец.
window.onload = функция ()
сигнал ( "Документ пълно натоварване");
>
Все пак, това събитие се случва само след пълно изтегляне на HTML-документа, както и всички други елементи, като изображения. Качване на изображения (или банери с друг домейн) може да отнеме известно време, през който изпълнението на скриптове в която се замразяват.
JQuery библиотеката ни спасява от загубата на време и дава възможност за изпълнение на скриптове, веднага след формирането на структурата на документа, без да се чака с мишката други елементи. Дръжка това събитие можете да използвате готови метода на ().
JQuery (документ) .ready (функция ()
предупреждение ( "Документът е на разположение за изпълнение на скриптове");
>);
функция JQuery () е псевдоним $ (). Използвайки псевдонима, можете да се справите случай по следния начин.
$ (Документ) .ready (функция ()
предупреждение ( "Документът е на разположение за изпълнение на скриптове");
>);
Ако в зависимост от параметрите й заявката за () показват връзка към функция, тя също ще се извърши веднага след формирането на структурата на документа.
JQuery (функция ()
предупреждение ( "Документът е на разположение за изпълнение на скриптове");
>);
Този код може да бъде допълнително намалена.
$ (Функция ()
предупреждение ( "Документът е на разположение за изпълнение на скриптове");
>);
Разглеждане на последователността от събития, като например. За да направите това, да създадете HTML-документ и декларира няколко метода готов (), както и се справят при зареждане на събитието (показваща 1.1).
Обявата 1.1.
Последователността на обработка събитие
Когато стартирате този пример ще има следната последователност от събития.
готов метод (). Обадете 1
готов метод (). Обадете 2
Функция повикване $ ()
при зареждане събитие
Работа конфликти
Както вече знаете, JQuery () функция е псевдоним $ (). В някои други библиотеки (например на Prototype) също обяви $ () функция. Ако едновременната употреба на тези библиотеки, възниква конфликтът име. JQuery библиотека ви позволява да се избегне този конфликт. За да направите това, първо трябва да се свържете на противоречива библиотеката, а след това библиотеката JQuery. Веднага след връзка трябва да водят функция noConflict () jQuery.noConflict () .;
В този случай, библиотеката JQuery ще пусне на $ (), за да използвате различна библиотека.
Ако функцията резултат noConflict на (), за да зададете променлива, името му може да се използва вместо функцията $ () (виж Обява 1.2).
Обявата 1.2.
Обработка на конфликт на имена
В този пример, ние определя резултат от noConflict () функция променлива JQ.
Сега можете да използвате това име като името на функцията,
JQ ( "# divl") HTML ( "JQuery библиотека, използвайки Пример.");
Ако резултатът не се съхранява никъде, лечението е както следва.
JQuery ( "# divl") .html ( "JQuery библиотека Пример за");
Използвайте функцията $ (), в този случай не може да бъде / като функцията се нарича от друга библиотека. Ако се налага да използвате $ () за JQuery библиотеката, е възможно да се процедира по следния начин.
(Функция ($)
$ ( "# Divl") HTML ( "JQuery библиотека пример на използване.");
>) (JQuery);
Този метод обикновено се използва при създаването на разширения (приставки). Можете да използвате следния код.
JQuery (функция ($)
$ ( "# Divl") HTML ( "JQuery библиотека пример на използване.");
>);
Основната функция на библиотеката JQuery JQuery изпълнява функцията (), която има известен $ (). Това са единствените идентификатори, които са налични в глобалния обхват. Всички останали функции са разположени в областта на имената на JQuery библиотеката. $ () Функция поддържа множество формати:
Ако параметърът уточни функция, тя се изпълнява веднага след формирането на структурата на документа.
$ (Функция ()
предупреждение ( "Документът е на разположение за изпълнение на скриптове");
>);
Втората функция ви позволява да определите формата на елемент на обектния модел на документа. Като пример, ние определяме фонов цвят за целия документ след изтегляне:
Третата функция на формата ви позволява да създадете нови елементи, които след това могат да бъдат вкарани в определено място в HTML-документа. Нека разгледаме примера (показваща 1.3).
Обявата 1.3.
HTML-текст като параметър на функция $ ()
Обърнете внимание на следващия ред.
$ ( "
Ето ни в $ () формират HTML-текст и след това се използва метод appendTo (), за да го вмъкнете след идентификатор елемент, който divL (ID = "divl").
Когато излезе в уеб браузър следния резултат.
В следващата глава ние изследваме селектори.