在使用 jQuery 时，我们经常会看到一些链式调用的代码：
$(body).addClass(class1).removeClass(class2).html(Hello, world!);
这样的代码看起来很简洁，但是却存在一些坏处。
首先，这样的代码难以进行调试和维护。如果代码出现了问题，我们很难知道是哪个方法出了问题。此时只能够一个个分开调试。并且这种方式还会让我们产生错觉，认为这是一个长长的语句，实际上它被分成了多个方法调用。
其次，这样的代码对于代码阅读者来说很难理解。如果我们看到了一段长长的链式调用，我们需要破解这个调用来理解代码的实际含义。这会浪费我们的时间，降低我们的效率。
最后，这样的代码违反了面向对象的编程原则。在面向对象的编程中，每个对象都应该有自己的方法，并且应该尽可能地进行封装，避免对外暴露实现细节。然而在这样的链式调用中，我们操作的是同一个 jQuery 对象，并且暴露了 jQuery 对象的实现细节。
因此，我们应该避免使用过多的链式调用。对于需要多个操作的情况，可以将其分成多个独立的语句，这样可以使代码更加易于阅读和维护，同时也符合面向对象的编程原则。
