jQuery外掛程式開發

標籤：屬性   cal   tab   ble   console   log   style   body   層級   

對象層級的外掛程式開發

通過"$.fn.extend()"為原型動態掛載相關的屬性。jQuery對象可以調用屬性/方法。

(function($){      $.fn.extend({              mask:function(){           console.log(‘mask......‘);           this.css({background:‘#FF0000‘});           this.attr(‘onclick‘,‘$(this).unmask()‘);
           return this;  //鏈式操作       },              unmask:function(){           console.log(‘unmask......‘);           this.css({background:‘#0000FF‘});           this.attr(‘onclick‘,‘$(this).mask()‘);
           return this;  //鏈式操作       }          });   })(jQuery);$(function(){        $("<div style=‘width:100px;height:100px;text-align:center;display:table-cell; vertical-align:middle;‘>click me</div>").appendTo("body").mask();    });

 

jQuery外掛程式開發