如何在jQuery中加入自訂的function

在jQuery中若要加入自訂的function，可使用jQuery.fn.extend()。

下面範例在jQuery物件中加入了新的functionhelloworld()及sayHi()。

jQuery.fn.extend({
    helloworld: function() {
      var o = $(this[0]); // 呼叫function的element本身
      console.log('helloworld');
      return this; // 回傳這個jQuery物件才可以chaining function
    },
    sayHi: function(){
      var o = $(this[0]);
      console.log('hi');
      return this;
    },
  
  });

$("element").helloworld().sayHi();

這樣你就可以製作自己的jQuery plugin囉。

參考：

• How to add a function to jQuery?
• How to Create a Basic Plugin
• What does jQuery.fn mean?