编写JQuery插件-2

继续上一节的代码

(function(){
    /* code */
})()

来我们介绍一下吧,首先定义一个匿名函数

fnction(){/* 这里放置代码 */}

然后用括号括起来,

(fnction(){/* 这里放置代码 */})

变成这种形式,最后添加一个()运算符来执行,括弧内可以添加参数,供内部函数使用;

;(function($){
    /* code */
})(jQuery);

这就是jq插件常见的结构。(利用闭包的特性避免污染全局)

JQ提供了两个用于宽展jQuery功能的方法

jQuery.fn.extend() 方法 和  jQuery.extend();

两个方法都接受一个参数,类型为object

jQuery.extend();方法经常用于设置插件方法的一系列默认参数

function foo(options){
    options = jQuery.extend({
          name:"bar",
          length:5,
          dataType:"xml"                        
    },options);      // 传递默认参数

    console.log(options);  
}

console.log(foo());
// Object {name: "bar", length: 5, dataType: "xml"}
console.log(foo({name:'a'}));
// Object {name: "a", length: 5, dataType: "xml"}

熟读百遍,不如手敲十遍!!

原文地址:https://www.cnblogs.com/pangzi666/p/5885272.html