JQuery是一種廣泛使用的JavaScript庫，可以使網頁開發更簡單、更快速。使用JQuery DIY設計可以幫助您更好地掌握這個強大的庫。以下是幾個簡單的示例。

$(document).ready(function() {
// 代碼塊 
});

此代碼塊確保頁面已加載后再執行JQuery代碼。在此基礎上，您可以添加更多代碼，例如：

$(document).ready(function() {
$("#btnSubmit").click(function() {
alert("您點擊了提交按鈕");
});
});

此代碼塊中的click()函數將在按鈕被單擊時觸發警報。這是一個標準的JQuery事件處理代碼塊。

$(".item").hover(function(){
$(this).addClass("active");
}, function(){
$(this).removeClass("active");
});

此代碼塊根據鼠標懸停在HTML元素上或移開鼠標來添加或刪除“active”類。這是基本的鼠標事件處理。

以上是一些基本的JQuery DIY設計示例。此庫可以使JavaScript編程更加簡單，幫助網頁開發人員更高效地完成工作。為了真正掌握這個庫，您需要花費一些時間學習JQuery的更高級功能及其各種插件。