码迷,mamicode.com
首页 > Web开发 > 详细

jquery 扩展方法

时间:2015-09-06 17:53:02      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

jquery插件的开发包括两种:一种是类级别的插件开发,即给jquery添加新的全局函数,相当于给jquery类本身添加方法。

                                     另一种是对象级别的插件开发,即给jQuery对象添加方法。

也可以理解为另外两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法。
1.jQuery.extend(object);// jQuery 本身的扩展方法
2.jQuery.fn.extend(object);// jQuery 所选对象扩展方法

 

1.类级别的插件开发

类级别的插件开发最直接的理解就是给jQuery类添加方法,可以理解为添加静态方法,开发时可以采用以下几种形式进行扩展:

  1)添加一个新的全局函数

      $.foo=function(){

                 alert("foo");

                 }

        调用:$.foo();

  2)使用jQuery.extend(object)方式扩展

      $.extend({

                      foo:function(){

                                          alert("foo");                                          

                                          }

                      bar:function(){

                                           alert("bar");

                                           }

                   })

          调用:$.foo();  $.bar();

  3)使用命名空间扩展

       $.myPlugin={

                          foo:function(){

                                               alert("foo");                                          

                                              }

                          bar:function(){

                                               alert("bar");

                                              }

                        }

        调用:$.myPlugin.foo();  $.myPlugin.bar();

2.对象基本的扩展

  1)$.fn.foo=function(){

                                  alert("foo");

                                  }

        调用:$(‘#myf‘).foo();

  2)$.fn.extend({

                       foo:function(){

                                           alert(‘foo‘);

                                            }

                      })

       调用:$(‘#myf‘).foo();

下面的一个针对对象的扩展,直接调用即可

         var amy={};

         amy.alert=function(){

                                    alert("foo");

                                     }

      调用:amy.alert();

jquery 扩展方法

标签:

原文地址:http://www.cnblogs.com/xishuqingchun/p/4786617.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!