jQuery插件记录 <二>使用$.fn添加jQuery对象方法

上篇文章讲了创建jquery基本插件，但是如果需要操作dom的插件最好就使用下面的方法。

1、
(function($){

$.fn.bgChange = function(colorStr){

   $(this).css("background-color",colorStr);

}

})(jQuery)
2、
(function($){
$.fn.bgChange = function(options){
  this.css("background-color",options.color);  
  this.css("font-size",options.fontSize);  
}

$(document).ready(function(){ 
    $('#btn').on('click',function(){
        $(this).bgChange({
            color:"red",
            fontSize:"23"
        });
       // alert(this);
    });
})
})
<pre style="background-color:#ffffff;color:#000000;font-family:'Menlo';font-size:9.0pt;">

使用的时候：

1、$("#btn").bgChange("red");即可将id未btn的元素的背景修改为红色。

2、$("#btn").bgChange({color:"red",fontSize:"23"});即可将id未btn的元素的背景修改为红色,字体大小修改为23px