< p >偽類是 CSS 的一種語法。在 CSS 中，偽類是一種用于選擇某些條件下元素的選擇器，它并不是 HTML 中真實存在的元素，而是用于指定某一類元素的特定狀態。< p >JavaScript 偽類，與 CSS 中的偽類類似，指的是在 JavaScript 中處理元素的某些特定狀態時所使用的一些方法。< p >常見的 JavaScript 偽類有以下幾種：< pre >- :focus 用于選擇當前輸入焦點 - :hover 用于選擇鼠標懸浮的元素 - :active 用于選擇被點擊的元素 - :visited 用于選擇已訪問過的鏈接元素 - :checked 用于選擇被選中的表單元素< p >以下使用一個例子來說明 JavaScript 中的偽類：< pre >// 獲取頁面上所有的 checkbox 元素 var checkboxes = document.querySelectorAll('input[type="checkbox"]'); // 遍歷所有 checkbox 元素 for (var i = 0; i< checkboxes.length; i++) { // 給每個元素添加點擊事件的監聽器 checkboxes[i].addEventListener('click', function () { // 判斷當前被選中的 checkbox 的狀態 if (this.checked) { // 如果被選中，則添加一個類名為 selected this.classList.add('selected'); } else { // 如果未被選中，則移除類名 selected this.classList.remove('selected'); } }); }< p >在上面的例子中，我們使用了 :checked 偽類來選擇被選中的表單元素。當 checkbox 被選中時，我們將其添加了一個類名為 selected 的樣式；反之，當 checkbox 未被選中時，我們將其移除了類名 selected 的樣式。< p >總之，使用 JavaScript 中的偽類能夠方便地處理元素的各種狀態，達到更好的用戶交互體驗。