jQuery练习t317，从0到1

最新推荐文章于 2024-09-19 11:17:39 发布

虾米大王

最新推荐文章于 2024-09-19 11:17:39 发布

阅读量210

点赞数

分类专栏： jQuery JavaScript 文章标签： javascript jquery

本文链接：https://blog.csdn.net/modern358/article/details/113823176

版权

JavaScript 同时被 2 个专栏收录

329 篇文章 0 订阅

订阅专栏

jQuery

296 篇文章 0 订阅

订阅专栏

本文介绍了jQuery中的函数类插件和方法类插件，详细解析了它们的定义方式和使用场景。通过示例代码展示了如何创建一个函数类插件，并解释了$.extend()与$.fn.extend()的区别。函数类插件不使用jQuery选择器，而方法类插件则可以利用选择器。强调在实际开发中，通常所说的是指方法类插件。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-3.5.1.js"></script>
    <script>
        //jQuery插件
        //函数类插件
        (function ($) {
            $.extend({
                "maxNum1":function (m,n) {
                    return (m>n)?m:n;
                }
            });
        })(jQuery);

        $(function () {
            var result = $.maxNum1(100,98);
            document.writeln(result);
        });

        /*
        在jQuery中，我们可以使用$.extend()方法来定义一个函数类插件。
        小伙伴会发现，这个不是和之前的自定义工具函数相同了吗？
        实际上，工具函数和函数类插件就是同一个东西。

        函数类插件的语法与方法类插件的语法差不多，仅仅是把$.fn.extend（）
        换成了$.extend()。

        从以上代码中，我们可以看出，
        方法类插件使用$.fn.extend()方法，而函数类插件使用$.extend()方法，
        两者的不同在于，
        函数类插件是在全局对象下定义一个方法，而方法来插件是在所获取的jQuery
        对象下定义一个方法。
        方法类插件可以使用jQuery中功能强大的选择器，调用方式是$(选择器).插件名，
        而函数类插件不可以使用jQuery选择器，调用方式是$.函数名（）。
        在实际开发中，我们所说的jQuery插件一般是指的方法类插件，请小伙伴们
        一定要记住这一点。


        总结一下jQuery插件，有几点比较重要
        插件的文件名命名必须严格按照 jquery.[插件名].js 或 jquery.[插件名].min.js
        的格式。
        在插件的最后必须使用 return $(this) 来返回当前的jQuery对象，以便保持
        链式调用功能的完整。
        无论是哪一种插件，定义的结尾都必须以分号结束，否则文件被压缩后，可能
        出现错误bug。
        方法类插件使用的是$.fn.extend（）方法，而函数类插件使用的
        是$.extend()方法。
        我们常说的jQuery插件，是指的方法类插件。


         */
    </script>
</head>
<body>

</body>
</html>