Como o encadeamento de objeto ou método simplifica o código jQuery

Uma das vantagens significativas do jQuery, em comparação com outras estruturas JavaScript, é seu recurso de encadeamento de objeto ou método. Para entender como o encadeamento funciona, vamos nos aprofundar em um exemplo simplificado. primeiro: function () {alert ('primeiro'); retornar obj; }, segundo: function () {alert ('segundo'); retornar obj; }, terceiro: function () {alert ('terceiro'); retornar obj; } };

Neste exemplo, cada método retorna o próprio objeto de chamada. Como resultado, você pode encadear perfeitamente os métodos:

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

esse mecanismo de encadeamento é possível devido ao objeto retornado. Depois de executar primeiro (), o objeto resultante ainda tem acesso aos métodos segundos () e terceiros (). Assim, você pode continuar encadeando esses métodos sem a necessidade de atribuições de variáveis ​​intermediárias. Por exemplo, você pode remover e adicionar classes facilmente a um elemento:

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