编写JQuery插件-2

Posted 2020-08-09 月半的博客

继续上一节的代码

(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"}

熟读百遍，不如手敲十遍！！