Как цепочка объекта или метода упрощает код jQuery

одним из важных преимуществ jQuery, по сравнению с другими фреймворками JavaScript, является его объект или функция цепочки метода. Чтобы понять, как работает цепочка, давайте углубимся в упрощенный пример.

рассмотрим объект с несколькими методами:

var obj = {
  first: function() { alert('first'); return obj; },
  second: function() { alert('second'); return obj; },
  third: function() { alert('third'); return obj; }
};

В этом примере каждый метод возвращает сам вызывающий объект. В результате вы можете беспрепятственно цепорить методы вместе:

obj.first().second().third();

этот механизм цепочки стал возможным из -за возвращаемого объекта. После выполнения First () результирующий объект по -прежнему имеет доступ ко второму () и третьему () методам. Таким образом, вы можете продолжить цепочку этих методов, не требуя промежуточных назначений переменных. Например, вы можете легко удалить и добавлять классы в элемент:

$ ('mydiv'). Removeclass ('off'). Addclass ('on');

, используя объект или цепочки метода, jquery позволяет писать чистый и более выразительный код, создавая мощный инструмент для веб -разработки.