码迷,mamicode.com
首页 > Web开发 > 详细

编写JQuery插件-2

时间:2016-09-19 15:49:34      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:

继续上一节的代码

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

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

编写JQuery插件-2

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!