標籤：style blog color java 使用 io strong ar
Jquery擴充外掛程式有三大法寶，
1、封裝對象方法 （本文詳細介紹）：對通過選取器擷取的jQuery對象進行操作。
2、封裝全域函數
3、選取器外掛程式
jQuery外掛程式的機制：
jQuery外掛程式的機制很簡單，就是利用jQuery提供的jQuery.fn.extend()和jQuery.extend()方法，擴充jQuery的功能。
jQuery.fn.extend()多用於擴充上面提到的3種類型中的第一種，jQuery.extend()用於擴充後兩種外掛程式。
廢話不多說，自己編寫的外掛程式建議命名為jquery.xxxx.js
本文JQuery庫使用的版本是1.10.2
jquery.code.js
1 (function ($) { 2 $.fn.code = function (options) { 3 var defaultVal = { 4 color:‘blue‘ 5 }; 6 var obj=$.extend(defaultVal,options); 7 return this.each(function(){ 8 var selObject = $(this); 9 selObject.css(‘color‘,obj.color);10 });11 }; 12 })(jQuery);
code.html
1 <!doctype html> 2 <html> 3 <head> 4 <script src="/js/jquery.js" type="text/javascript"></script> 5 <script src="/js/jquery.code.js" type="text/javascript"></script> 6 <script> 7 $(document).ready(function(){ 8 $(".mark").code({ 9 color:‘orange‘10 }).fadeOut(‘slow‘);11 });12 </script>13 </head>14 <body>15 <span class="mark">Hello World!</span>16 <span class="mark">Hello University!</span>17 </body>18 </html>
發揮想象力之後，別忘記載入你自己寫的js，其他的不解釋。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
