jQuery（高级？）功能

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>并再次返回相同的集合。