jQuery 是一款流行的 JavaScript 库，用于简化 HTML 文档遍历、事件处理、动画和 AJAX 操作等常见的前端开发任务。jQuery 提供了许多实用函数和插件来扩展其功能，其中一个核心概念是 jquery.fn。
什么是 jquery.fn？
jquery.fn 实际上是 jQuery.prototype 的简写方式，它是 jQuery 构造函数的原型（prototype）对象。因此，所有通过 jQuery 构造函数创建的 jQuery 对象都可以访问 jquery.fn 属性并继承其方法。
具体来说，jquery.fn 上定义的方法可以在 jQuery 对象上直接调用，例如：
------------- - ---------- - -- ----------- --
然后，我们就可以使用 myPlugin 方法来处理选择的 DOM 元素，例如：
--------------------
jquery.fn 的作用
jquery.fn 的作用在于为 jQuery 对象提供自定义方法，以方便开发人员进行 DOM 操作和其他常见任务。这些自定义方法可以通过 jQuery 插件机制注册到 jquery.fn 上，并且对于其他开发人员也可以轻松地使用。
使用 jquery.fn 定义的自定义方法，通常会返回当前 jQuery 对象以支持链式调用。例如：
------------- - ---------- -
------ -------------------- -
-- -----------
---
--
------------------------------------------上面的代码中，myPlugin 方法定义了一个迭代函数，它在每个匹配元素上运行并执行一些操作。然后，它返回当前 jQuery 对象以支持链式调用，并且我们可以继续使用其他 jQuery 方法来进一步操作这些元素。
jquery.fn 的示例
下面是一个简单的示例，展示如何使用 jquery.fn 创建自定义插件：
-------------- - ---------- -
------ -------------------- -
------------------------------
---
--
---------------------上述示例中，创建了一个名为 highlight 的自定义插件，它会为所有匹配到的 div 元素添加类名 highlight，从而使它们高亮显示出来。通过链式调用，我们可以很容易地与其他 jQuery 方法组合使用，例如：
-------- ------------------- ------------ -----------
上述代码中，首先使用 filter 方法选择具有特殊类的所有 div 元素，然后使用 highlight 方法为它们添加高亮效果，最后使用 fadeOut 方法淡出这些元素。
总结
jquery.fn 是 jQuery 构造函数原型对象的简写名称，用于定义自定义方法和扩展 jQuery 功能。通过将方法注册到 jquery.fn 上，我们可以轻松地扩展 jQuery 库的功能，并为其他开发人员提供易于使用和重用的代码库。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8157