jquey的插件主要分为3中类型
1.封装对象方法的插件
2.封装全局函数的插件
3.选择器插件
jquery插件的文件名推荐为:jquery.插件名.js
jQuery.fn.extend()和jQuery.extend()
结构
;(function($){
var foo; // 定义一个局部变量foo,仅函数内部可以使用,外部无法访问
var bar = function(){
/*
在匿名函数内部的函数都可以访问foo,即便是在匿名函数的外部调用bar()的时候,也可以
在bar()的内部访问到foo,但在匿名函数的外部直接访问foo是做不到的
*/
}
/*
下面的语句让匿名函数内部的函数bar()逃逸到全局可访问的范围内,这样就可以在匿名函数的外部
通过调用jQuery.BAR()来访问内部定义的函数bar(),并且内部函数bar()也能访问匿名函数内的变量foo
*/
$.BAR = bar;
// $.fn.iframeTab = function(){}
$.fn.extend({
"chenhanfu":function(params){
.....
return this // 返回this,使方法可链
}
})
})(jQuery)
注意:插件内部的this只想的是jQuery对象,而非普通的DOM对象。
网友评论