jquery 子节点
jQuery 子节点操作
jQuery 提供了多种方法来选择和操作子节点（子元素）。以下是常用的方法和示例：
获取子节点
使用 children() 方法可以获取匹配元素的直接子元素：
$('#parent').children(); // 获取所有直接子元素
$('#parent').children('.child-class'); // 获取特定类的子元素使用 find() 方法可以获取匹配元素的所有后代元素（包括嵌套子元素）：
$('#parent').find('*'); // 获取所有后代元素
$('#parent').find('.target'); // 获取特定类的后代元素添加子节点
使用 append() 或 appendTo() 方法在元素内部末尾添加子节点：
$('#parent').append('<div>New Child</div>');
$('<div>New Child</div>').appendTo('#parent');使用 prepend() 或 prependTo() 方法在元素内部开头添加子节点：
$('#parent').prepend('<div>First Child</div>');
$('<div>First Child</div>').prependTo('#parent');删除子节点
使用 empty() 方法删除所有子节点：
$('#parent').empty(); // 清空所有子元素使用 remove() 方法删除特定子节点：
$('#parent .child').remove(); // 删除匹配的子元素遍历子节点
使用 each() 方法遍历子元素：
$('#parent').children().each(function() {
console.log($(this).text()); // 输出每个子元素的文本
});过滤子节点
使用 filter() 方法过滤子元素：
$('#parent').children().filter('.active'); // 筛选出具有 active 类的子元素检查子节点是否存在
使用 length 属性检查子元素是否存在：
if ($('#parent').children().length > 0) {
console.log('子元素存在');
}注意事项
children()仅返回直接子元素，不包括嵌套的后代元素。find()返回所有后代元素，包括嵌套的子元素。- 操作子节点时，确保 DOM 已加载完成（通常在
$(document).ready()中执行）。
