jquery如何使用js的prototype模式开发类级别插件,并可以接受参数配置

jquery如何使用js的prototype模式开发类级别插件,并可以接受参数配置,第1张

首先,如果必须需要使用原型(prototype)的话,那么就必须得new一下,否则不实例化哪有原型呢?

如果不使用原型的话。可以使用$extend直接将对象绑定到jQuery对象上。就可以使用$pluginName();了。

如果DEFAULTS中保存的参数是一次性的。即单次调用的参数不继承到下次调用。可以直接在对象中做一个属性就可以了。

如果需要继承的话。可以直接在类中声明全局变量赋给window。它将被永久保存下来。除非你重载页面或者手动清除。

如有疑问,可以继续追问。

1使用script标签加载jquery框架

2使用script标签加载插件

3看插件是否有api,如果有的话按照api调用

4如果没有api,就自己看源码

一般来说jquery插件的调用方法都是

$('element')plugName(param);

其中element是你用选择选择的要执行插件方法的对象,plugName是你插件中的方法名称,param是插件方法的参数。

当然,也有的插件不是这样调用的,也有的插件是需要你在html标签中加入以下class。

具体还是要看你用的插件的api

1、获取到url地址

2、将url中?后的值以‘&’分割成数组

3、再去遍历,存储其值

4、最后返回

// jQuery url get parameters function [获取URL的GET参数值]

// <code>

//     var GET = $urlGet(); //获取URL的Get参数

//     var id = GET['id']; //取得id的值

// </code>

//  url get parameters

//  public

//  return array() 

(function($) {

$extend({       

urlGet:function()

{

  var aQuery = windowlocationhrefsplit("");  //取得Get参数

  var aGET = new Array();

  if(aQuerylength > 1)

  {

    var aBuf = aQuery[1]split("&");

    for(var i=0, iLoop = aBuflength; i<iLoop; i++)

    {

      var aTmp = aBuf[i]split("=");  //分离key与Value

      aGET[aTmp[0]] = aTmp[1];

    }

  }

  return aGET;

 }

})

})(jQuery);

Jquery跳转页面传递参数以及获取url的参数的方法总结

传递参数: windowlocation='editCoursehtmldataId='+dataId+'';

获取url中的参数(封装的方法):

   function getUrlParam(name) {

        var reg = new RegExp("(^|&)" + name + "=([^&])(&|$)"); //构造一个含有目标参数的正则表达式对象

        var r = windowlocationsearchsubstr(1)match(reg);  //匹配目标参数

        if (r != null) return unescape(r[2]);

        return null; //返回参数值

    }

        使用: var dataId = getUrlParam("dataId")

Uploadify是JQuery的一个上传插件,实现的效果非常不错,进度显示或者速度显示都可以!

官方 : >

以上就是关于jquery如何使用js的prototype模式开发类级别插件,并可以接受参数配置全部的内容,包括:jquery如何使用js的prototype模式开发类级别插件,并可以接受参数配置、jquery 插件怎么使用、jquery怎么获得url的get变量等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9496742.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存