萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jQuery.fn解釋

jQuery.fn解釋

  由於對jQuery的學習不求甚解,現困惑與jQuery.fn.extend(object);與jQuery.extend(object);的區別。

  以下做個詳細的解釋:

  jQuery.extend(object); 為擴展jQuery類本身.為類添加新的靜態方法;

  jQuery.fn.extend(object);給jQuery對象添加方法;

  eg:

  $.extend({

  add:function(a,b){return a+b;}

  });

  便為 jQuery 添加一個為 add 的 “靜態方法”,之後便可以在引入 jQuery 的地方,使用這個方法了,

  $.add(3,4); //return 7

  jQuery.fn = jQuery.prototype 相當於為jQuery類添加屬性.就是為jQuery類添加“成員函數”。jQuery類的實例可以使用這個“成員函數”。

  $.fn.close = function(){}

  $.close = function(){}

  最明顯的區別在調用時:

 

  $('#test').close() 和 $.close();

copyright © 萬盛學電腦網 all rights reserved