在jQuery中，設置組件的子節點非常方便。使用子節點可以控制HTML組件的內容和樣式。
例如，我們可以使用jQuery向一個div元素中添加一個p元素的子節點：

$('div').append('<p>這是一個新的段落。</p>');

以上代碼會在div元素的結尾處添加一個新的p元素。
我們還可以使用jQuery選擇器來選擇要添加子節點的目標元素。例如，我們可以通過以下代碼將新的p元素添加到ID為“myDiv”的div元素中：

$('#myDiv').append('<p>這是一個新的段落。</p>');

使用“prepend”方法可以在目標元素的開頭添加子節點。以下是一個例子：

$('div').prepend('<p>這是一個新的段落。</p>');

使用“after”和“before”方法可以在目標元素的之前或之后添加子節點。以下是一個例子：

$('div').after('<p>這是一個兄弟節點的段落。</p>');

以上代碼會在目標div元素的之后添加一個新的p元素。
總之，jQuery提供了一系列方便的方法來設置HTML組件的子節點。您可以使用這些方法輕松地控制HTML元素的內容和樣式，使您的頁面變得更加動態和可交互。