jQuery中有許多篩選器可以用來選擇特定的元素，在其中一個廣泛使用的是children()篩選器。這個篩選器用于選取匹配元素的直接子元素。
$(selector).children(filter)
在這里，selector是要查找子元素的父元素，filter是一個可選參數，用于過濾要選取的子元素。如果不使用過濾器，則會選取所有的子元素。
下面是一個例子：
<html>
<head>
<title>jQuery Children篩選器</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("#parent").children().css({"color": "red", "border": "2px solid red"});
});
</script>
</head>
<body>
<div id="parent">
<p>這是父元素</p>
<ul>
<li>這是子元素1</li>
<li>這是子元素2</li>
<li>這是子元素3</li>
</ul>
</div>
</body>
</html>在這個例子中，我們使用了children()篩選器來選擇父元素#parent的所有直接子元素（即p和ul），然后使用CSS樣式將它們的顏色和邊框都改成紅色。
總的來說，children()篩選器在處理網頁中的嵌套結構時非常有用。通過它，我們可以只選擇匹配元素的直接子元素，而不會選擇到嵌套更深的子元素。
下一篇mysql一維轉二維