jQuery 顏色拾取器是一個(gè)非常常見的網(wǎng)頁設(shè)計(jì)工具，用于給用戶提供一個(gè)方便快捷的方式來選擇并應(yīng)用顏色。下面我們來學(xué)習(xí)一下如何使用 jQuery 實(shí)現(xiàn)一個(gè)簡單的顏色拾取器。

// HTML 代碼
<input type="text" id="color-picker" />
<div id="color-palette"></div>
// jQuery 代碼
$('#color-picker').on('keyup', function() {
var color = $(this).val();
$('#color-palette').css('background-color', color);
});

從上面的代碼中可以看出，我們創(chuàng)建了一個(gè)文本輸入框和一個(gè)顯示選擇顏色的 div 容器。隨后我們監(jiān)聽了文本框的鍵盤輸入事件，當(dāng)用戶在文本框中輸入顏色代碼時(shí)，我們即獲取到該顏色代碼并將其作為背景色應(yīng)用于 div 容器上。

通過這種簡單的方式，我們實(shí)現(xiàn)了一個(gè)基本的 jQuery 顏色拾取器。當(dāng)然，我們還可通過 CSS 樣式及其它 JavaScript 代碼來擴(kuò)展并完善這個(gè)顏色拾取器，以使其更加美觀而實(shí)用。