jQuery插件开发

最新推荐文章于 2022-12-23 14:36:25 发布

gzeehg007

最新推荐文章于 2022-12-23 14:36:25 发布

阅读量239

点赞数

分类专栏： html/css

本文链接：https://blog.csdn.net/gzeehg007/article/details/48303077

版权

html/css 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        //方式一：
        jQuery.fn.myPlug1 = function (options) {
            var settings = { "Name": "CQHG", "Tel": "133" };
            $.extend(settings, options);
            alert(settings.Name + "," + settings.Tel);

            alert("my first plug");
            return this;
        };

        //方式二
        (function ($) {
            $.fn.myPlug2=function(){
                alert("my second plug");
            }
         })(jQuery);

         $(function () {
             $("div").myPlug1({"Name":"HG"}).myPlug2();
         });
    </script>
</head>
<body>
    <div>aaa</div>
    <div>bbb</div>
    <span>ccc</span>
</body>
</html>