jQuery 的 children() 方法用于获取匹配元素集合中每个元素的直接子元素。它返回一个新的 jQuery 对象，包含所有匹配元素的直接子元素。

基本语法

$(selector).children([filter])

• selector: 选择器，用于选择目标元素。
• filter (可选): 一个选择器表达式，用于过滤子元素。如果省略，则返回所有直接子元素。

示例代码

1. 获取所有直接子元素

    
    
    


    

        
Paragraph 1
        Span 1
        
Div 1
    
    

2. 使用过滤器获取特定类型的子元素

    
    
    


    

        
Paragraph 1
        Span 1
        
Div 1
    
    

注意事项

1. 直接子元素: children() 方法只返回直接子元素，不会返回嵌套更深层级的子元素。例如，如果你有一个嵌套结构，children() 只会返回第一层的子元素。
2. 性能考虑: 在大型文档中使用 children() 方法时，要注意性能问题，因为它会遍历所有匹配元素的直接子元素。
3. 兼容性: 确保你的项目已经引入了 jQuery 库，否则 children() 方法无法正常工作。

通过合理使用 children() 方法，你可以方便地操作和筛选 DOM 元素的子元素，从而实现更复杂的页面交互效果。