JQuery插件定义

1.可选参数的Hash使用

function complex(p1,p2,p3,p4,p5,p6,p7)

写了上面这个方法，可我们只想设置p1和p7的值，如下调

complex(valueA,null,null,null,null,null,valueB);商账追收

通过JQuery来改进，编写了如下方法，通过$.extend可以聚合options可选参数，option1参数设置默认值是"good",option2参数设置默认值是"bad"

function complex(p1,options) {
  var settings = $.extend({
    option1: "good",
    option2: "bad",淘宝网黑丝品牌大全

    },options||{});
    alert("p1="+p1+" option1="+settings.option1+" option2="+settings.option2);
}

调用方法

complex("test");//输出结果:p1=test option1=good option2=bad
complex("test",{option2:"google"});//输出结果:p1=test option1=good option2=bad
complex("test",{option1:"mick"});//输出结果:p1=test option1=mick option2=bad

2.避免$冲突使用
定义JQuery插件时，使用如下方法可以避免$和其他框架的冲突

3.定义JQuery工具方法
JQuery工具方法一般不操作DOM元素，类似于辅助工具方法

(function($){
  $.showDay = function(n){
    switch(n){
    case 0: alert("星期一");break;
    case 1: alert("星期二");break;
    case 2: alert("星期三");break;
    case 3: alert("星期四");break;
    case 4: alert("星期五");break;
    case 5: alert("星期六");break;
    case 6: alert("星期日");break;
    }
  }
})(jQuery);
//调用
$.showDay(3);

4.定义JQuery包装方法
JQuery包装方法可以利用JQuery选择器，得到DOM的JQuery包装对象，方便操作JQuery包装对象

(function($){
  $.fn.makeItBlue = function() {
    return this.css('color','blue');
  }
})(jQuery);
//调用
$("#title").makeItBlue();