首页 > Web开发 > 详细

JQuery插件机制

时间:2019-07-12 23:53:02      阅读:143      评论:0      收藏:0      [点我收藏+]

JQuery插件机制

自定义JQ插件,增强功能:

<head>
    <meta charset="UTF-8">
    <title>JQuery插件</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        // ①$.fn.extend({...});
        // 增强JQ获取的对象的功能
        $.fn.extend({
            showMsg: function() {
                console.log("所有JQ对象都可用:" + this.attr("type"));
            },
            showMsg2: function() {
                console.log("可以定义多个方法");
            }
        });
        // ②$.extend({});
        // 增强JQ的自身的功能
        $.extend({
            showMain: function() {
                console.log("---JQ---");
            }
        });

        $(function() {
            $(":input").click(function() {
                $(this).showMsg();
                $(this).showMsg2();
            });
            $.showMain();
        });
    </script>
</head>

<body>
    <input type="text" />
    <input type="button" />
</body>

第三方JQ插件库

插件(plugin):http://plugins.jquery.comhttp://www.jq22.com/

JQuery插件库:http://www.jq22.com/

JQuery插件机制

原文:https://www.cnblogs.com/tigerlion/p/11178766.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!