5 Примери за използване JQuery функция
JQuery всяка функция се използва за обхождане чрез обект JQuery. Той съдържа един или повече DOM елементи и предоставя на всички функции на JQuery. Освен JQuery осигурява допълнителна функция на същото наименование, което може да бъде причинено без предварителна селекция или създаване на DOM елементи. Да научим повече за това.
синтаксис JQuery .Всеки на ()
В следващия пример, ние избираме една уеб страница на всички елементи Разделение и да извлече индекса и идентификатор на всеки от тях. Възможна резултат: "div0: глава", "div1: тяло", "div2: долния". Примерът използва JQuery всеки (функция). вместо подкрепа:
Следващият пример показва използването на допълнителна функция. В този случай, обектът за които линия се определя като първи аргумент. Този пример ще покажем как да сортирате масива през примката чрез JQuery всяка функция:
В най-новата JQuery всеки пример, искам да се въведе цикли чрез свойствата на даден обект:
Всичко се свежда до правилното формиране на телефонния секретар. Контекстът на обаждане е равен на този втори аргумент, който е текущата стойност. Но тъй като контекстът винаги ще бъде обект, простите ценности трябва да бъдат "опаковани". Ето защо, не може да бъде определен строг равенство между стойността и контекста. Първият аргумент - текущия индекс, което е броят на JQuery всеки масив или низ (за обекти).
- Основният пример за използване на JQuery функция .Всеки ()
Нека да видим как всеки (функция) се използва във връзка с JQuery на обекта. В първия пример, всички елементи са избрани на дадена страница, и показва ги приписват HREF:
Във втория пример за използване на JQuery всеки обект дисплеи всички външни HREF на уеб страница (при условие, че се използва протоколът HTTP):
Да приемем, че на страницата има следните адреси:
Вторият кодекс ще даде:
Елементите на обекта DOM използване JQuery във всяка () е необходимо да се отново "обвивка". Защото той JQuery - това всъщност е контейнер за масив от DOM елементи. С помощта на JQuery всяка функция на масива се третират по същия начин като нормален. Ето защо, ние не се обви елементите веднага след лечението.
- Пример масив jQuery.each ()
За пореден път, погледнете как можеш да се справиш обичайния набор:
Изходът на кода: 0: 1, 1: 2, 2: 3, 3: 4, 4: 5 и 5: 6.
Масивът съдържа числови индекси, така че ние да получите число, което започва от 0 до N - 1, където N - брой на елементите в масива.
Възможно е да имаме по-сложни структури от данни, като масиви от масиви, обекти в обектите, масиви в обекти или обекти в масива. Нека да видим как JQuery намерите всеки може да се използва в тези сценарии:
Резултатът от кода: Червено = # F00, зелен = # 0f0, синьо = 00f #.
Ние боравят структура с помощта на вложените повикване всеки (). Външно повикване третира променлива JSON масив. вътрешни обекти за обработка на повикване. В този пример, всеки JQuery всеки елемент има само един ключ. Но с помощта на кода представени може да се зададе произволен брой ключове.
Този пример показва как да се оправи всеки елемент с клас productDescription:
Заедно с лост, ние използваме функция помощник на всеки метод, вместо () на всеки ():
Резултатът от използването JQuery всяка функция е както следва: 0: Red. 1: Orange. 2: Грийн.
Ние не трябва да използвате индекса и стойността. Това са параметри, които помагат за определянето на които DOM елемент се обработва в момента цикъл. В допълнение, в сценария, можете да използвате по-удобен метод за всеки ():
Трябва да приключи DOM елемент в новата JQuery инстанция. Ние използваме метода на текст (), за да получите текста елемент.
- Пример забавяне чрез jQuery.each ()
В този JQuery всеки пример, когато потребителят натисне елемент с 5demo на идентификатора. за всички елементи на списъка е оранжев. След забавяне зависи от индекса (0, 200, 400 милисекунди) постепенно ще прикриване елемент:
заключение
Препоръчително е да използвате JQuery всяка функция. когато това е възможно. Това решава много проблеми! Отвъд JQuery развие по-добро използване на forEach () функция на всеки масив ECMAScript 5.
Запомнете: $ .Всеки () и $ (селектор) .Всеки () - това са два различни метода, определени по различни начини.
Превод на статията "5 JQuery всеки () функция Примери» Уеб дизайн екип приятелски проект от А до Я.
Свързани статии