013，Jquery插件机制

最新推荐文章于 2024-09-17 21:49:02 发布

V哥学It

最新推荐文章于 2024-09-17 21:49:02 发布

阅读量111

点赞数 2

分类专栏： Jquery小白入门到精通文章标签： jquery javascript js java javaweb

本文链接：https://blog.csdn.net/weixin_39032063/article/details/116431990

版权

Jquery小白入门到精通专栏收录该内容

15 篇文章 4 订阅

订阅专栏

Jquery插件机制

V哥官网：http://www.vgxit.com

本博客对应视频教程：http://www.vgxit.com/course/19

1，概述

Jquery的插件机制可以让我们开发人员自己增强jquery的功能。实现方式有如下两种：

1，$.fn.extend(object)：这个方式可以增强通过jquery获取到的对象的功能，比如我们通过$("#id")获取到的对象。

2，$.extend(object)：增强Jquery对象自身的功能，就是增强$的功能。

2，扩展对象功能

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Jquery快速入门</title>
        <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
        <script type="text/javascript">
            $.fn.extend({
                getText: function () {
                    return "text is " + this.text();
                }
            });
            $(function () {
                alert($("p").getText());
            });
        </script>
    </head>
    <body>
        <p>123</p>
    </body>
</html>

3，扩展Jquery

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Jquery快速入门</title>
        <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
        <script type="text/javascript">
            $.extend({
                max : function (a, b) {
                    return a > b ? a : b;
                },
                min : function (a, b) {
                    return a < b ? a : b;
                }
            });
            alert($.min(5, 6));
        </script>
    </head>
    <body>
    </body>
</html>