什么是 jQuery-fn？
jQuery-fn 是一个优秀的 jQuery 插件，它提供了许多实用的方法，可以让我们更加方便地操作 DOM 元素。这个插件的核心思想是“可扩展性”，它允许我们非常容易地扩展 jQuery，以适应自己的需求。
安装 jQuery-fn
安装 jQuery-fn 非常简单，只需要在命令行中输入以下命令即可：
npm install jquery-fn --save
使用 jQuery-fn
安装完成之后，在 HTML 文件中引入 jQuery 和 jQuery-fn：
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="node_modules/jquery-fn/dist/jquery-fn.min.js"></script>
然后就可以开始使用 jQuery-fn 提供的功能了。
选择器扩展
jQuery-fn 提供了一系列的选择器扩展方法，方便我们根据自己的需求来选择元素。
比如，我们可以使用 :empty 选择器来选择所有空元素：
$("div:empty").addClass("empty");还可以使用 :parent 选择器来选择所有有子节点的元素：
$("div:parent").addClass("has-child");样式操作
jQuery-fn 还提供了一系列的样式操作方法，让我们可以更加方便地操作元素的样式。
比如，我们可以使用 attr 方法来改变元素的属性：
$("img").attr("src", "new.jpg");还可以使用 css 方法来改变元素的样式：
$("div").css("background-color", "red");事件扩展
jQuery-fn 提供了一系列的事件扩展方法，让我们可以更加方便地监听和触发事件。
比如，我们可以使用 on 方法来监听事件：
$("button").on("click", function() {
alert("hello world");
});还可以使用 trigger 方法来触发事件：
$("button").trigger("click");总结
通过本文的介绍，我们了解了 jQuery-fn 这个优秀的 jQuery 插件，以及它提供的一些常用方法。相信在实际开发中，如果我们使用了 jQuery-fn，会让我们的开发效率更高，代码更加简洁。同时，学习了 jQuery-fn 这个插件的思想和方法，也可以让我们更好地理解 jQuery 的设计思想。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c0981e8991b448ebb19