1. след () / преди ()
Понякога трябва да поставите нещо в DOM, но не разполагате с добри улики, с които можете да направите това; добави () и сравнява първите (), не позволява да се прави, а вие не искате да добавите допълнителен елемент или лична карта. Тези две функции могат да бъдат това, което ви трябва. Те ви позволяват да поставите елементи в DOM точно преди или след избрания елемент, така че новият елемент е поставен на същото ниво.
Това може да се направи, ако работите директно с елемента, който искате да вмъкнете; просто използвайте insertAfter () или insertBefore.
2. промяна ()
метод на климата () - Това събитие манипулатор, точно като кликнете () или задържане на курсора (). промените събитие - за текстови полета, полета за въвеждане и избор на прозорци, и тя ще работи, когато за да промените стойността на клетката мишена; Имайте предвид, че това не е същото като това манипулатори focusOut () или замъгляване () събития, които се задейства, когато даден елемент губи съсредоточи, видоизменени или не стойността му.
промяна () събитие безотказно за валидиране на данни от страна на клиента; тя е много по-добре от замъгляване (), защото няма да извършат наново полета за проверка, когато потребителят промени стойността.
Актуални тенденции и подходи за уеб програмиране
Научете алгоритъм бързо професионално израстване с нула в строителна площадка
3. Контекст
Контекст - този параметър, както и собственост в JQuery. При обработката на елементи можете да ги прекара функция JQuery като втори параметър. Този параметър - контекст обикновено е елемент DOM, и това ограничава елементите намирането селектор, деца на контекстни елементи. Може би сте малко объркан, така че гледам на това един пример:
Така че, когато това може да бъде полезен? Една такава ситуация може да възникне вътре функцията за боравене със събития. Ако имате нужда, за да получите едно дете елемент в рамките на източника на събитие, можете да го прехвърля на този имот в зависимост от контекста:
4. данни () / removeData ()
Имали ли сте някога необходимостта от съхранение на допълнителна информация за обекта? С помощта на данни () метод, можете лесно да го направя. За да зададете стойност, можете да мине два параметъра (ключ и стойност), или само един (обект).
За да се върнете на данните си, просто се обадете на метода с ключова стойност, която ви трябва.
За да получите цялата информация, която да отговаря на призива на елемент от данни () метод без параметри; можете да получите един обект, който съдържа всички ключове и стойности, които са възложени на този елемент.
Ако искате да изтриете двойката ключ / стойност, след това добавено към позицията, просто се обадете removeData (), минавайки правилното ключ.
5. опашка () / dequeue ()
опашка () и dequeue () се отнасят за анимация. Queue (опашка) - списък на анимация, изпълнявани от елемент; . "FX" опашка подразбиране елемент наречен Нека да погледнем на ситуацията:
Така че, ето какво се случва: в зависимост animateBox на създадохме всички анимацията; Имайте предвид, че последното влизане отново се отнася до функцията, така че да продължават да повтарят всички. Когато кликнете ли # старт, функцията се нарича и опашката започва. Когато кликнете ли # нулиране, сегашната анимацията е завършен и ние трябва да се спре анимация DIV. За да направите това в JQuery, всички с името на "FX" (не забравяйте, опашката по подразбиране) е настроен на празен масив; по същество, ние изчистване на опашката. И това, което се случва, когато щракнете ли # добавите? На първо място, ние наричаме опашката () на DIV; на този комплекс, използван в функция се прехвърля с това до края на опашката; тъй като ние не уточни всичко като първи параметър, името на стандарт "FX". В рамките на тази функция, ние анимирате DIV, а след това се обадете dequeue () на DIV, за да се премахне тази стъпка от опашката и да продължи работа; По този начин, всички ще се повтори, но тази функция няма да бъде част от него.
6. забавяне ()
Да бъдеш в една верига от анимация, можете да използвате метода на забавяне (), за да спре анимацията за определен период; С течение на времето като параметър в милисекунди.
7. свързват (), развързвам (), живи () и умират ()
Знаете ли, че когато добавите един клик манипулатор към елемент по този начин.
в действителност, просто използвайте черупката, за да се свърже (метод)? За използване на метода на свързване () себе си, може да премине тип събитие като първи параметър, и след това функционира като втората.
Можете също така да зададете една и съща функция на няколко събития едновременно, разделени от името на пространството. Така че, ако искате да направите изскачащата ефект, той може да започне, както следва:
Също така е възможно да се предават данни функция, чрез добавяне на трета параметър (второ положение).
Рано или късно ще откриете, че когато поставите елемент в DOM чрез манипулатор на събитие; но скоро ще откриете, че манипулаторите случай, че са направили с помощта на свързват или нейната черупка, не работят за новосъздадените елементи. В такива случаи трябва да се използва методът на живо () (или делегат); тя ще ви позволи да добавите обработват събитие на съответните елементи вкарани.
За да премахнете работещи събития, създадени с свързват (), използвайте Разповийте метод (). Ако не му дава никакви параметри, това ще премахне всички работещи; можете да предадете на типа на събитието, за да се отстрани само манипулатори на събития от този тип; за отстраняване на събитието от конкретен пространство от имена, добавете пространството от имена, или да го използвате отделно. Ако просто искате да премахнете конкретна функция, мине според името му като втори параметър.
Имайте предвид, че можете да зададете / премахване обработват събитие в функции, изпратени анонимно; Тези методи работят само с имената на функции.
Ако се опитате да премахнете манипулатор на събитие в самата функция, наречена от събитието, просто минават развържем () препратка към обекта на събитието.
Не можете да използвате развържем манипулатор събитие (), за да се създаде функция на живо (); той използва матрица (функция). При липса на параметри, като премахва всички работещи на живо събитието на съвкупността от елементи; Също така е възможно да се предадат на вида на събитие или тип събитие, както и името на функцията на манипулатор.
Сега вие притежавате силата и гъвкавостта на механизъм събитие JQuery е!
Вие също трябва да учат на метода на делегат (), тъй като тя може да окаже значително предимство производителност над живо (метод).
Ако търсите за специфичен елемент в рамките на набор от елементи, можете да го премине в метода на индекса екв () и да получите един-единствен елемент JQuery. Трансфер отрицателни средства индекс броене назад от края на набиране.
Също така можете да използвате: екв () в избора си; така предишния пример ще изглежда така:
Получаване на набор от елементи, JQuery ги връща като обект JQuery, така че да имате достъп до всички методи. Ако имате нужда само на "суров» (сурови) DOM елементи, можете да използвате метода GET ().
Можете да зададете на индекса, за да получите един елемент.
10. Впиши ()
Ако не сте запознати с софтуерни черупки (черупки) Unix / Linux, вие не може да сте чували понятието Впиши. Терминалът - е инструмент за търсене на текст; но тук, в JQuery, ние го използваме, за да филтрирате масив от елементи. Това не е начин на JQuery колекции; ви прехвърля масив като първи параметър и функцията за филтриране като втори параметър. Функцията филтър се два параметъра: елемент на масива и индекс. Тя трябва да си свърши работата и да се върнете вярно или невярно. По подразбиране всички елементи, за които е връщат вярно, ще попадат в резултатите на филтъра. Можете да добавите и една трета параметър, на Булев израз за инвертиране на резултатите и изберете елементите, за които функцията за филтриране връща лъжа.
Актуални тенденции и подходи за уеб програмиране
Научете алгоритъм бързо професионално израстване с нула в строителна площадка
11. псевдо
Пръщене, CSS-селектор двигател вътре JQuery, предлага редица псевдо-за улесняване на избора на подходящи решения за вас предмети. Виж, това е интересно:
Разбира се, има и други, но това са - уникален.
12. isArray () / isEmptyObject () / isFunction () / isPlainObject ()
Понякога трябва да се уверите, че параметърът предава на функцията е правилния тип; Тези характеристики позволяват лесно да го направят. Първите три самите себе си достатъчно да обясни:
Следният пример не е толкова ясно; isPlainObject () връща истина, ако предава параметър обектът е бил създаден като константа, или с помощта на нов обект ().
13. makeArray ()
Когато създадете колекция от DOM елементи, използващи JQuery, можете да получите JQuery обект; В някои ситуации, бихте предпочели, че това е обичайния набор или DOM елементи; функция makeArray () е точно това, което може да се направи.
карта () метод е отдалечено подобно на Впиши (). Както можете да си представите, нужни един параметър функция. Тази функция може да има два параметъра: индексът на текущия елемент и на самия елемент. Ето какво се случва: функцията, която мине се изпълнява веднъж за всеки елемент в колекцията; и всяка стойност, върната от тази функция ще замени стоката в колекцията, която тя предава като аргумент.
15. parseJSON ()
Ако използвате $ .post или $ .get - и в други ситуации, когато се работи с низове JSON - ще намерите полезни функции parseJSON. Въпреки че със сигурност по-добре, ако си функция използва вграден в браузърите на JSON синтактичен анализ, когато е (която ще бъде очевидно по-бързо).
16. прокси ()
Ако имате функция - свойство на обекта, и го използва за други свойства на обекта, не можете да се обадите на тази функция в рамките на други функции, и да получите правилните резултати. Знам, че това е объркващо, така че нека да разгледаме един пример за един гениален:
Сама по себе си person.meet () ще покаже правилната информация; но когато това се нарича манипулатор събитие, тя ще издаде "Hi! Моето име е неопределен. ". Това ще се случи от факта, че функцията не се нарича в правилния контекст. Можете да използвате функцията на прокси (), за да го оправи:
Първият параметър на функция прокси - техника, която трябва да се изпълнява; Второ - това е контекстът, в който ние трябва да го изпълним. В друг случай, ние можем да преминат първия контекста параметър и името метод като низ - втората. Сега ще видите, че нашата функция извежда сигнала (сигналите), правилно.
17. replaceAll () / replaceWith ()
Ако е необходимо да се заменят някои DOM елементи, от друга страна, ето как да го направя. Ние можем да се обадя replaceAll () на елементите на събирането или новосъздадените елементи, като посочи за избор на тези елементи, които бихме искали да се замени. В този пример, всички членове на класа ще бъдат заменени от грешка, която сме създали от време.
replaceWith () метод просто променя селектори места; т.е. Първо, за да погледнем това, което искаме да се замени:
Също така, можете да прехвърлите тези два метода функция като аргумент, че ще се върне елементи или HTML низ.
18. сериализирате () / serializeArray ()
сериализирате метод () - това е необходимо за кодиране на стойностите на формите на низ.
Можете да използвате и serializeArray (), за да я превърне в стойността под формата на масив от обекти, вместо низ.
19. братя ()
Може би можете да се досетите какво братя и сестри () метод; го връща колекция от предмети на същото ниво, както и че всеки елемент от оригиналния колекцията:
20. фолио () / wrapAll () / wrapInner ()
Три от тези функции позволяват лесно да приключи един елемент в друг. На първо място, ще спомена, че трите метода предприемат същата възможност: елемент (който може да бъде даден HTML-лайн, CSS-селектор, обект JQuery или DOM елемент), или функция, която връща елемента.
увийте () метод обвива всяка колекция елемент на споменатия член:
WrapAll () ще завърши един от членовете на всички членове на събирането; Това означава, че елементите на колекцията ще бъдат преместени на ново място на DOM; Тя ще бъде представена заедно с първия елемент в колекцията, а след това ще бъде пренесена:
В заключение, функция wrapInner обвива цялото съдържание на всеки елемент в колекцията определено от елементите на параметри:
заключение
Е, сега имате повече от двадесет нови JQuery техники, с които можете да се губят в следващия си проект; да се забавляват!
Преведено и редактирана от: Виктор Хорн и Андрю Bernatsky. webformyself екип.
Актуални тенденции и подходи за уеб програмиране
Научете алгоритъм бързо професионално израстване с нула в строителна площадка
Най-IT новини и уеб разработки на нашия канал Телеграма
Свързани статии