jQuery是一款十分流行的JavaScript庫，它可以方便地操作DOM和處理事件。在jQuery中，$.expr是一個非常有用的工具，它可以用于篩選DOM元素。下面讓我們詳細了解一下$.expr。

$.expr實際上是一個對象，它包含了一系列篩選器函數。這些函數可以在選擇器中使用，用于過濾DOM元素。

$.expr[':'] = {
// 篩選包含指定文本的DOM元素
contains: function(element, index, match) {
return element.textContent.indexOf(match[3]) >= 0;
},
// 篩選必須包含指定屬性才能匹配的DOM元素
hasAttr: function(element, index, match) {
return element.hasAttribute(match[3]);
}
};

上面的例子定義了兩個篩選器函數:contains和hasAttr。可以使用以下方式在選擇器中調用它們:

// 選擇包含"foo"文本的元素
$('div:contains("foo")');
// 選擇包含"href"屬性的a標簽
$('a:hasAttr("href")');

當然，您也可以編寫自己的篩選器函數，并將其添加到$.expr中。以下是一個自定義的篩選器函數:

$.expr[':'].startsWith = function(element, index, match) {
return element.textContent.startsWith(match[3]);
};
// 選擇以"bar"開頭的元素
$('div:startsWith("bar")');

需要注意的是，$.expr中的函數實際上是使用選擇器的方式來調用的。因此，必須使用':'前綴來標識篩選器。例如，使用startsWith篩選器時，選擇器要寫成:startsWith("bar")，而不是startsWith="bar"。

在使用$.expr時，還可以使用以下語法:

• :not(selector) - 排除選擇器
• :even - 選擇偶數項
• :odd - 選擇奇數項
• :first - 選擇第一項
• :last - 選擇最后一項

因此，$.expr是jQuery中一個非常有用的功能。使用它，可以輕松地篩選出需要的DOM元素。