jQuery blu是一個輕量級的jQuery插件庫，它提供了一些優秀的UI組件，如按鈕、提示框、彈出框等，可以幫助開發者在web應用中快速構建優美的界面。下面我們來介紹一些jQuery blu的常用組件。

按鈕組件

$(document).ready(function(){
$('button').bluButton();
});

以上代碼將會將頁面中的所有按鈕轉換成jQuery blu的按鈕組件，使其擁有更好的樣式和交互效果。

提示框組件

$(document).ready(function(){
$('a').bluTooltip(); 
});

以上代碼將為頁面中的所有鏈接添加提示框，用戶將鼠標懸浮在鏈接上時，會出現一個提示框，提示框內容可以在鏈接的title屬性中設置。

彈出框組件

$(document).ready(function(){
$('.modal').bluModal(); 
});

以上代碼將為頁面中所有class為modal的元素添加彈出框組件，當用戶點擊該元素時，會彈出一個模態框，模態框的內容可以在該元素的data-content屬性中設置。

總結

使用jQuery blu可以幫助開發者快速構建漂亮的界面，同時也可以提高用戶體驗。如果你正在尋找一個輕量級的jQuery插件庫，那么jQuery blu是一個值得嘗試的選擇。