在JavaScript中，使用parents方法可以讓開發者輕松獲取目標節點的所有父級節點。這對于前端開發來說非常有用，特別是在DOM操作和事件處理方面。
例如，假設我們有以下的DOM結構：

html
<div class="grand-parent">
<div class="parent">
<div class="child"></div>
</div>
</div>

如果我們要獲取.child節點的所有父級節點，我們可以這樣做：

javascript
const child = document.querySelector('.child');
const parents = [];
let parent = child.parentNode;
while (parent) {
parents.push(parent);
parent = parent.parentNode;
}

上面的代碼使用了一個while循環，不斷將父級節點推進數組中，直到父級節點為空為止。最終我們得到了符合要求的.parent和.grand-parent節點。
這樣做可能有些繁瑣，但是使用jQuery或其他類庫時，我們可以很方便地使用.parents()方法來完成相同的操作。例如：

javascript
const child = $('.child');
const parents = child.parents();

在這里，我們使用了jQuery庫的父節點查詢方法，非常簡單方便。
.parents()方法還有一些其他的用法。例如，我們可以傳入一個篩選器函數，只獲取符合條件的父級節點：

javascript
const child = $('.child');
const parents = child.parents('.grand-parent');

這樣，我們將只獲取符合.grand-parent條件的父級節點。
另外一個常見的用例是在事件處理中，我們可以使用.parents()方法來檢查事件是否被觸發在特定元素之內：

javascript
$('body').click(function(event) {
if ($(event.target).parents('.parent').length > 0) {
console.log('Clicked inside parent element');
} else {
console.log('Clicked outside parent element');
}
});

以上代碼會監聽整個頁面的點擊事件，然后檢查是否點擊了.parent元素的子孫節點。如果是，我們會在控制臺中輸出Clicked inside parent element，否則輸出Clicked outside parent element。
總結一下，.parents()方法是一個非常實用的JavaScript方法，它可以讓我們輕松地查詢目標節點的父級節點。通過靈活使用jQuery庫或原生JavaScript，我們可以快速完成前端開發中的DOM操作和事件處理。