Question

我找到了许多示例jQuery代码，他们使用多个函数，例如$('object').function1().function2()。有人可以向我解释这实际上是如何工作的，以及如何正确使用它？

Answer 1

假设jQuery，$(selector)返回一个jQuery集合对象。 jQuery在jQuery集合对象上定义了许多方法，例如attr，find，css或slideUp，它们通常会返回一个jQuery集合对象（相同或不同）。这通常称为“方法链”。例如，

$('div').css('background-color', 'lime').after('<div>More</div>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Test</div>

第一部分$('div')返回一个包含我们单<div>的jQuery集合; .css(...)将设置其背景并返回相同的集合; .after(...)会在第一个之后插入新的<div>并再次返回相同的集合。