jQuery是一種非常流行的JavaScript庫，它提供了很多便捷的方法來操作DOM（文檔對象模型）。其中，篩選器和class類是非常有用的。在這篇文章中，我們將介紹如何使用jQuery篩選器和class類來操作頁面元素。

首先，讓我們看一下篩選器。在jQuery中，篩選器是用來從一組元素中篩選出符合條件的元素的方法。它們通常由一個美元符號$和一對括號組成，括號里是篩選器的名稱和條件。例如，如果我們要選擇所有class為“foo”的元素，可以使用以下代碼：

$('.foo')

這樣就會選擇所有class為“foo”的元素。另一個常用的篩選器是:even和:odd，用于選擇偶數或奇數的元素，例如：

$('li:even')
$('li:odd')

這將分別選擇所有偶數和奇數的li元素。更多的篩選器可以在jQuery文檔中找到。

現在，讓我們看一下如何使用class類。在HTML中，我們可以為元素指定一個或多個class，這些class可以用來表示元素的樣式，例如：

<div class="foo bar"></div>

在jQuery中，我們可以使用hasClass方法來檢查元素是否具有特定的class。例如，如果我們想檢查一個元素是否有“foo”類，可以這樣做：

$('div').hasClass('foo')

如果元素有此類，則該方法將返回true，否則返回false。我們也可以使用addClass和removeClass方法來添加或移除類，例如：

$('div').addClass('baz')
$('div').removeClass('bar')

這將使元素添加“baz”類并刪除“bar”類。

綜上所述，jQuery的篩選器和class類都是很有用的方法，可以方便地選擇、檢查和操作HTML元素。如果您想了解更多關于jQuery的詳細信息，請查看jQuery的官方文檔。