程序博客网 > eclipse查看php版本

jQuery插件开发1

来源：互联网发布：eclipse查看php版本编辑：程序博客网时间：2024/06/11 16:52

jQuery为开发插件提拱了两个方法，分别是：

JavaScript代码

jQuery.fn.extend(object);

jQuery.extend(object);

jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。

jQuery.fn.extend(object);给jQuery对象添加方法。

<script type="text/javascript">
   <%--
       $(function()
               {
                   //给jQuery增加类方法（相当于静态方法）
                   jQuery.test = function()
                   {
                       alert("我是MM");
                   }
                   $("#b1").click(function()
                   {
                       //通过类来调用test()
                       $.test();
                       /*通过实例不能调用test()方法
                           $("#b1").test();
                       */
                   });
               });
    --%>
   //如果想通过实例来调用test()方法
   /*
    $(function()
           {
               //给jQuery.fn增加类方法，fn相当于prototype(相当于原型扩展，会影响每一个实例) jQuery.fn = jQuery.prototype
               jQuery.fn.test = function()
               {
                   alert("我是MM");
               }

               $("#b1").click(function()
               {
                   $("#b1").test();
               });
           });
       */

       /***
       $(function()
               {
                   //来扩展jQuery类，这相当于类方法,
                   //extend一个参数相当于扩展核心对象，两个参数相当于合并
                   jQuery.extend({
                   "test" : function()
                       {
                           alert("我是MM");
                       }
                   });
                   $("#b1").click(function()
                   {
                       //通过类来调用test()
                       $.test();
                   });
               });
           **/

           $(function()
                   {
                       //来扩展jQuery类，,添加fn相当jQuery实例
                       jQuery.fn.extend({
                       "test" : function()
                           {
                               alert("我是MM");
                           }
                       });
                       $("#b1").click(function()
                       {
                           //通过类的实例来调用test()
                           $("#b1").test();
                       });
                   });

    </script>
   </head>
   <body>
       <input type="button" id="b1" value="点击"/>
   </body>

<script type="text/javascript">
   <%--
           $(function()
                   {
                       jQuery.jsTest =
                           {
                               "test":function()
                               {
                                   alert("我的插件01");
                           }
                       };
                       $("#b1").click(function()
                       {
                           $.jsTest.test();
                       });
                   });
    --%>
    /***
    $(function()
           {
               jQuery.fn.jsTest =
                   {
                       "test":function()
                       {
                           alert("我的插件02");
                   }
               };
               $("#b1").click(function()
               {
                   $("#b1").jsTest.test();
               });
           });
           **/

           $(function()
                   {
                       jQuery.fn.extend
                       (
                           {jsTest :
                               {
                                       "test":function()
                                       {
                                           alert("我的插件03");
                                       }
                               }
                           }
                       );

                       $("#b1").click(function()
                       {
                           $("#b1").jsTest.test();
                       });
                   });
    </script>
   </head>
   <body>
       <input type="button" id="b1" value="点击"/>
   </body>

eclipse查看php版本

eclipse查看php版本

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子毛呢连衣裙配什么外套男士毛呢大衣配什么鞋子毛呢大衣配什么鞋毛呢短裤配什么上衣穿毛呢大衣配什么鞋子毛呢大衣配什么裤子毛呢外套配什么鞋毛呢大衣配什么裤子好毛呢外套配什么裤子毛呢阔腿裤配什么鞋男士毛呢大衣配什么裤子毛呢大衣配什么鞋子毛呢长裙配什么外套毛华锋毛南族毛南族三宝毛南族服饰毛南族简介毛南族三宝指什么毛南族服饰图片毛难族毛卫宁毛发科一个虫一个毛念什么虫毛读什么色员外在线毛呢百褶裙毛呢裙止血祛瘀明目片邓光荣和陈惠敏的实力邓晶晶和冯千韵的结婚毛啊敏为什么坐牢毛啊敏歌曲大全所有歌曲猫毛囊炎毛囊炎疙瘩图片毛囊炎药阴部毛囊炎毛囊炎传染须部假毛囊炎毛囊炎吃什么药头顶毛囊炎