$.fn是jQuery中一個重要的命名空間，它用于在DOM元素集合上擴展jQuery的功能。每當您編寫一個新的jQuery插件時，您需要將其添加到$.fn對象中。在本文中，我們將介紹$.fn的一些常見用法。

首先，讓我們看一看如何向$.fn對象添加一個新的方法。可以使用以下語法來添加一個名為"myPlugin"的新方法：

$.fn.myPlugin = function(options) {
// 插件代碼
return this; // 保持鏈式調用
};

現在，我們可以在任何jQuery對象上使用"myPlugin"方法：

$("#myElement").myPlugin({
// 插件選項
});

接下來，讓我們來看一看如何使用$.fn對象來實現鏈式調用。在jQuery中，鏈式調用指的是在調用一個方法之后返回一個新的jQuery對象，以便可以直接調用另一個方法。

$("#myElement").addClass("active").slideUp();

以上代碼中，我們在同一個語句中使用了兩個方法，因為addClass方法和slideUp方法都返回了一個新的jQuery對象。如果我們編寫自己的jQuery插件，也可以通過返回this來實現鏈式調用。

$.fn.myPlugin = function(options) {
// 插件代碼
return this; // 保持鏈式調用
};

最后，讓我們看一看如何使用$.fn對象來共享插件數據。在jQuery中，可以使用$.data方法在DOM元素上存儲數據。但是，當我們編寫插件時，通常需要在所有DOM元素上存儲插件數據。為了實現這一點，可以使用$.fn對象來共享數據。

$.fn.myPlugin = function(options) {
// 存儲插件數據
$.data(this, "myPluginData", {
// 插件選項
options: options
});
return this; // 保持鏈式調用
};

現在，我們可以在任何jQuery對象上使用$.data來獲取共享數據，而不是直接在DOM元素上存儲數據。

var pluginData = $("#myElement").data("myPluginData");
console.log(pluginData.options);

以上就是$.fn在jQuery中的一些常見用法，希望可以對您有所幫助。