jQuery插件开发的两种方法及$.fn.extend的详解

2019独角兽企业重金招聘Python工程师标准>>>

作者：字体：[增加减小] 类型：转载时间：2014-01-16 我要评论

jQuery插件开发分为两种：1 类级别、2 对象级别，下面为大家详细介绍下

jQuery插件开发分为两种：

1 类级别

类级别你可以理解为拓展jquery类，最明显的例子是$.ajax(...),相当于静态方法。

开发扩展其方法时使用$.extend方法，即jQuery.extend(object);

复制代码代码如下:

$.extend({

add:function(a,b){return a+b;} ,

minus:function(a,b){return a-b;}
});

页面中调用：

复制代码代码如下:

var i = $.add(3,2);
var j = $.minus(3,2);

2 对象级别

对象级别则可以理解为基于对象的拓展，如$("#table").changeColor(...); 这里这个changeColor呢，就是基于对象的拓展了。

开发扩展其方法时使用$.fn.extend方法，即jQuery.fn.extend(object);

复制代码代码如下:

$.fn.extend({

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

页面中调用：

复制代码代码如下:

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

3、扩展

复制代码代码如下:

$.xy = {
add:function(a,b){return a+b;} ,
minus:function(a,b){return a-b;},
voidMethod:function(){ alert("void"); }
};
var i = $.xy.add(3,2);
var m = $.xy.minus(3,2);
$.xy.voidMethod();

转载于:https://my.oschina.net/u/2377060/blog/882686

jQuery插件开发的两种方法及$.fn.extend的详解相关推荐

单击触发jquery.autocomplete的两种方法
jquery.autocomplete的参数 minChars设置为0时,默认要双击才会触发jquery.autocomplete,如果想要单击触发的话,得进行一定的处理才行.下面讲下我知道的单击触发 ...
php两种基本的输出方及实例详解
在本篇文章里小编给大家整理了一篇关于php两种基本的输出方及实例详解内容,有需要的朋友们可以跟着学习参考下. 在 PHP 中,有两种基本的输出方法:echo 和 print. echo 和 print ...
iPhone--iPhone6怎么激活？两种苹果iPhone6激活教程图文详解
新购买的iPhone6后,我们需要激活iPhone,之后才可以正常使用,对于很多初次接触iPhone6用户来说,对于iPhone6激活都不是特别了解,下面脚本之家小编为大家详细分享下iPhone6激活 ...
git 几种还原版本_Git恢复之前版本的两种方法reset、revert（图文详解）
一.问题描述在利用github实现多人合作程序开发的过程中,我们有时会出现错误提交的情况,此时我们希望能撤销提交操作,让程序回到提交前的样子,本文总结了两种解决方法:回退(reset).反做(rev ...
php mysql 去重_mysql去重的两种方法实例详解
这篇文章主要介绍了mysql去重的两种方法详解及实例代码的相关资料,这里对去重的两种方法进行了一一实例详解,需要的朋友可以参考下 mysql去重方法一: 在使用MySQL时,有时需要查询出某个字段不 ...
js删除指定html及子标签,js中如何删除某个元素下面的所有子元素？（两种方法）...
js中如何删除某个元素下面的所有子元素?(两种方法) 一.总结方法一:通过元素的innerHTML属性元素element.innerHTML=""; 方法二:通过元素的remo ...
php ajax jquery 表单重复提交,jQuery的 $.ajax防止重复提交的两种方法(推荐)
下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不 ...
jquery生成二维码怎么添加图片（两种方法）
github项目地址: https://github.com/fengliting/erweima 注意:这里实现的是第一个方法自动生成二维码里面添加图片,有两种方法,一种是使用jquery原生的二 ...
jQuery的 $.ajax防止重复提交的两种方法(推荐)
本文给大家分享两种jquery 的ajax防止重复提交的方法,第一种方法对于onclick事件触发的ajax,在beforeSend中使点击按钮不可用,ajax结果返回后置为可用,第二种利用jquer ...

jQuery插件开发的两种方法及$.fn.extend的详解

jQuery插件开发的两种方法及$.fn.extend的详解相关推荐

最新文章

热门文章