jQuery自定义插件学习笔记

一、自执行函数结构。

最近一段时间接触jquery 比较多，其中简单应用俺就不说了。。但是有个jquery 的编码风格蛮好的。。很是美观

自执行方法结构

1 (function($){
2 
3    //代码块
4 }(jQuery));

这样既不会和其他带$符号定义的方法有冲突，又能随便把你的代码附加到jquery 或压缩。。那感觉就像封装起来了一样。。。推荐建立任何JAVASCRIPT工程都采用这种风格。。

二、jquery插件添加的各种形式.

jquery 插件添加无非就只有两种，一种有针对某个对象的($.fn.test())，一种是没有针对某个对象的($.test())。这里我列出两种类型插件的不同表示形式列出来：

$.fn 模式	$模式
jQuery.fn.extend({code:function(){}})	jQuery.extend({code:function(){}})
$.fn.extend({code:function(){}});	$.extend({code:function(){}});
$.fn.code = function(){};	$.code=function(){};
$.extend($.fn,{code:function(){}});

 

 

 

 

 

 

fn模式，调用的方式是针对某一个对象的。。如:

$.code = function(){
//方法
}
//调用
$.code();

$.fn.code = function(){
//方法
}
//调用
$('input').code();