• jquery 扩展方法


    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();

  • 相关阅读:
    算法图解-散列表
    算法图解-笔记
    ERROR:cannot read property 'getAttribute' of null 报错处理
    Error: Cannot find module 'node-sass' 报错处理
    一、Spring Cloud概述
    十、ActiveMQ多节点集群
    九、ActiveMQ的消息存储和持久化
    八、ActiveMQ的传输协议
    七、SpringBoot整合ActiveMQ
    六、Spring整合ActiveMQ
  • 原文地址:https://www.cnblogs.com/xishuqingchun/p/4786617.html
Copyright © 2020-2023  润新知