jQuery是一種流行的JavaScript庫，它具有許多強大的功能，其中之一是通過屬性值查詢。通過查詢元素的屬性值，我們可以找到我們需要的元素。

要通過屬性值查詢元素，你需要使用jQuery的attr()方法。attr()方法可以獲取元素的屬性值，并將其與指定的值進行比較。如果兩個值相等，jQuery會返回該元素。

$(document).ready(function(){
var matches = $("[data-role='button']");
// $('input[type="text"][name="username"]');
matches.hide();
});

在上面的例子中，我們正在查詢所有data-role屬性為“button”的元素，然后將它們隱藏起來。$("[data-role='button']")是jQuery通過屬性值查詢元素的語法。

我們也可以在查詢中使用多個屬性值來篩選元素。例如，我們可以只查找具有特定type和name屬性的輸入字段：

$('input[type="text"][name="username"]');

此代碼將僅查詢type屬性為“text”且name屬性為“username”的輸入字段。

總的來說，jQuery的屬性值查詢功能非常強大，能夠輕松地搜索和匹配所需的元素。無論你是在開發網頁還是網站，屬性值查詢都是一個很有用的功能。