jQuery選擇器是Web開發中非常重要的一部分，有效地幫助開發人員對頁面進行各種處理和操作。有時候，我們需要選擇父元素和子元素進行處理和操作，這時候就需要用到jQuery選擇器中的“父子選擇器”。

父子選擇器可以讓我們指定一個元素的子元素或者父元素，從而更方便地進行操作。下面是一些常見的父子選擇器：

/* 選中所有p元素下的第一個span元素 */
$("p span:first-child")
/* 選中所有擁有class為foo的div元素下的所有直接子元素 */
$("div.foo > *")
/* 選中所有擁有class為bar的元素后代中的所有a元素 */
$(".bar a")

其中，符號“>”表示選擇所有指定父元素的直接子元素，而不包括它們的子孫元素。符號“空格”表示選擇所有指定父元素的后代，包括它們的子孫元素。

回到實際應用場景中，假設我們有一個含有多個按鈕的頁面，每個按鈕都被包含在一個div元素內，我們需要在點擊按鈕時修改它所在的div的背景色。這時候，我們可以使用如下的代碼：

$("button").on("click", function() {
$(this).parent().css("background-color", "red");
});

在按鈕的click事件中，我們使用了parent()方法來獲取按鈕的父元素，然后對它進行背景色的修改。

父子選擇器是jQuery選擇器中非常有用的一部分，可以讓我們更方便地對頁面進行操作。在實際的開發中，需要根據具體情況來進行選擇器的使用。