JS 플러그인 시작 - 강조 플러그인

//        
(function(){

})(window.jQuery)

//        
(function(){
  $.fn.extend({
    "highLight":function(optons){
        //todo  
    }  
  });
})(window.jQuery)

//        
(function(){
  $.fn.extend({
    "highLight":function(options){
        //      
        var opts = $.extend({},defaults,options);
        //   this  jQuery  ,        dom，          
        this.each(function(){
          //    dom jQuery  ，   this      dom
          var $this = $(this);
          $this.css({backgroundColor: opts.background});
        });   
    }  
  });
  var defaults = {
    background: 'red'
  }
})(window.jQuery)

$(function(){
  $("p").highLight();//          
})

//        
(function(){
  $.fn.extend({
    "highLight":function(options){
        //      
        var opts = $.extend({},defaults,options);
        //   this  jQuery  ,        dom，          
        this.each(function(){
          //    dom jQuery  ，   this      dom
          var $this = $(this);
          $this.css({backgroundColor: opts.background});
        });   
        return this;//  jQuery  
    }  
  });
  var defaults = {
    background: 'red'
  }
})(window.jQuery)

//        
(function(){
  $.fn.extend({
    "highLight":function(options){
        //        
        if(!isValid(options)){
           return this;
        }
        //      
        var opts = $.extend({},defaults,options);
        //   this  jQuery  ,        dom，          
        this.each(function(){
          //    dom jQuery  ，   this      dom
          var $this = $(this);
          $this.css({backgroundColor: opts.background});
          //       
          var markup = $this.html();
          markup = $.fn.highLight.format(markup);
          $this.html(markup);
        });   
        return this;//  jQuery  
    }  
  });
  var defaults = {
    background: 'red'
  }
  //         .      ，                     。
  $.fn.highLight.format = function (str) {
      return "" + str + "";
  }
//    ，        
function isValid(options){
  return !options || (options && typeof options == "object")?true:false;
}
})(window.jQuery)

//               
        $.fn.highLight.format = function (txt) {
            return "" + txt + ""
        }
        $(function () {
            $("p").highLight({ foreground: 'orange', background: '#ccc' }); //          
        });