在我們的前端開發中，很多時候都會用到jquery這個框架。我們經常需要重復使用某些功能，但每次都寫一遍相同的代碼顯然很浪費時間和精力，也容易出現重復的代碼。為了解決這個問題，我們可以將這些功能封裝成一個方法，然后在需要使用的時候直接調用。
下面是一個例子，假設我們需要在頁面上添加一些列表，在列表第一個li下插入一個h1標簽并加入一些內容，代碼如下：

$(document).ready(function () {
$("li:first").prepend("<h1>特別優惠產品</h1>");
$("li:nth-child(2)").css("background-color", "#e8f3f8");
$("li:last").css("border-bottom", "none");
})

這段代碼使用了jquery的常用選擇器，并在“特別優惠產品”標簽下面的第二個li標簽和最后一個li標簽上應用了樣式。但是，如果我們需要在多個頁面上使用這段代碼，那么每個頁面都需要將這段代碼復制一遍，這顯然是不可取的。
為了避免這個問題，我們可以將這段代碼封裝成一個方法:

function addList() {
$("li:first").prepend("<h1>特別優惠產品</h1>");
$("li:nth-child(2)").css("background-color", "#e8f3f8");
$("li:last").css("border-bottom", "none");
}

現在，我們只需要在每個頁面中調用這個方法即可：

$(document).ready(function () {
addList();
})

這樣，我們就可以方便地重復使用這段代碼，而不需要每次都寫一遍。這也是一種良好的編程習慣，讓我們的代碼更加容易維護和更新。
總之，我們可以通過封裝常見的代碼片段，以減少代碼量，提高代碼的復用性和可維護性。我們應該遵循這種編程習慣，并養成良好的代碼風格，以提高我們的工作效率和代碼質量。