jQuery技术

jquery中自定义插件开发教程

字号+ 作者:H5之家 来源:H5之家 2017-02-27 13:00 我要评论( )

一、全局函数的扩展 全局函数是将独立的函数添加到JQuery的命名空间中区。在使用的时候,可以通过$.fucnName(param)或者jQuery.funcName(param)方式进行调用。 1、直接在JQuery上添加:在jQuery上添加一个全局函数sayHello 代码如下 jQuery.sayHello=functio

   一、全局函数的扩展

  全局函数是将独立的函数添加到JQuery的命名空间中区。在使用的时候,可以通过$.fucnName(param)或者jQuery.funcName(param)方式进行调用。

  1、直接在JQuery上添加:在jQuery上添加一个全局函数sayHello

 代码如下  

jQuery.sayHello=function(name)
{
alert(name+"您好");
};

  调用方式:

 代码如下  

jQuery.sayHello("张子涵");   
//或者用$.sayHello("张子涵");   

  2、jQuery.extend():其作用是用一个或者多个对象来扩展一个对象,返回被扩展的对象。

  2.1 jQuery.extend(dsc,src1,src2…):将src1,src2扩展到dsc对象,并返回扩展后的dsc对象(合并对象)

  2.2 jQuery.extend(object):对jQuery命名空间本身进行扩展,结果就是在jQuery命名空间上增加函数。

 代码如下  

//在jQuery命名空间上增加两个函数。
jQuery.extend({
  min: function(a, b) { return a < b ? a : b; },
  max: function(a, b) { return a > b ? a : b; }
});

  调用方式

 代码如下  

jQuery.min(2,3); // => 2
jQuery.max(4,5); // => 5

  二、对象方法的扩展

  对象方法的扩展可以让所有jQuery对象调用的方法。

  1、jQuery.fn

 代码如下  

//在jQuery对象上添加sayHello方法
jQuery.fn.sayHello=function(name)
{
alert(name+"您好");
}
 

调用

$("div").sayHello("dwqs");

  2、jQuery.fn.extend

  扩展 jQuery 元素集来提供新的方法(通常用来制作插件)。

 代码如下  

//增加两个插件方法。

jQuery.fn.extend({
  check: function() {
    return this.each(function() { this.checked = true; });
  },
  uncheck: function() {
    return this.each(function() { this.checked = false; });
  }
});
 

调用:

$("input[type=checkbox]").check();
$("input[type=radio]").uncheck();

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery滚动条插件slimScroll

    jquery滚动条插件slimScroll

    2017-02-28 09:03

  • Jquery插件写法笔记整理

    Jquery插件写法笔记整理

    2017-02-27 12:02

  • jquery 中ajax执行的优先级

    jquery 中ajax执行的优先级

    2017-02-27 12:00

  • 玩转jQuery按钮 请告诉我你最喜欢哪些?

    玩转jQuery按钮 请告诉我你最喜欢哪些?

    2017-02-26 09:03

网友点评