авто Деньги общество образование каникулы семья Главная еда здоровье хобби tech style science sport travel
*   >> Чтение Образование Статьи >> tech >> web development

Как использовать цепочки в jQuery

<р> Если вы новичок в JQuery, а также JavaScript, таких как, некоторые понятия могут быть для вас в новинку. Одним из таких вещь, идея цепочки.

<Р> Вы можете думать о цепочки в списке действий Выполните одну за другой, но вместо запуска их отдельно они относятся к предыдущие действия приводят.

<Р> Давайте этот код, например: 

 Название Содержание 
 <р> 
 <р> Давайте добавить событие в тег заголовка 
 
 $ ('# outerContainer h2'. ) .
click (функция () {
 //выполнять некоторые действия 
}); <р> Это означает, что, когда кто-то нажимает на заголовок функция выше будет называться 
 
 $ ('. #outerContainer h2 ') нажмите (функция (). {
 Вар parentContainer = $ (это) .parent (); 
}); <р> Мы начинаем из создавая объект JQuery, используя это, чтобы установить наш контекст в качестве заголовка (H2). Это сопровождается материнской функции JQuery (), который перемещает контекст элемента #outerContainer. Ссылка на котором заканчивается время присваивается переменной parentContainer.
 
 
 
> $ ('# outerContainer h2'). Нажмите (функция () {
 $ (это) .parent ( ) .addClass ("нажал") дети ('р') скрыть ();.. 
}); <р> выше будет добавить класс "нажал" на #outerContainer а потом найти все дети, которые пункты тогда бы скрыть. Все это в одной цепи действий. 
 <Р> 
 <р> Как вы можете видеть, следуя цвета на рисунке контекст действий в цепочке может быть затронут определенных действий.
 Вы могли бы разделить действия на два типа: те, которые выполняют операции на объекте (здесь: addClass (), или скрыть ()) и те, которые движутся ваши контекст на другой объект (здесь: родитель (), или детей ()) . 
 <р> Чтобы объяснить это дальше, это как цепочка может быть расширен:. 
 
 $ функция ('# outerContainer h2') нажмите (() {
 $ (это) .parent () addClass ("нажал");. 
 $ (это) .parent () дети ('P') шкуру ();..
 
}); <р> Однако, очевидно, выше, означает ненужным поиск, как мы найти #outerContainer дважды 
 
 $ ('# outerContainer h2') нажмите (функция () {
 Вар parentContainer = $ (это) .parent ();.. 
 parentContainer .addClass ("нажал"); 
 parentContainer.children ('р') скрывать ();. 
}); <р> Теперь это намного лучше производительность мудрым, однако вы можете легко увидеть, как цепочки может помощь групповых действий в логические группы и сэкономить пространство, а также сделать свой код намного больше читаемым.

web development

web development

Copyright © 2008 - 2016 Чтение Образование Статьи,https://ru.nmjjxx.com All rights reserved.