$(selector).children([filter])

// 获取ul的所有直接子元素(li)
$('ul').children();

// 获取ul的直接子元素中class为active的元素
$('ul').children('.active');

// 先选择第一层div，再选择其子元素中的p标签
$('#container').children('div').children('p');

// 获取子元素并添加class
$('#parent').children().addClass('child-element');

// 确保DOM加载完成
$(document).ready(function() {
  // 使用正确的选择器
  $('#parent').children('.child-class');
});

// 或者如果需要选择所有后代，改用.find()
$('#parent').find('.child-class');

// 获取所有子节点(包括文本节点)
$('#parent').contents();

// 缓存jQuery对象
var $parent = $('#parent');
var $children = $parent.children();

// 然后操作缓存的$children

<ul id="menu">
  <li>首页</li>
  <li class="active">产品
    <ul>
      <li>产品1</li>
      <li>产品2</li>
    </ul>
  </li>
  <li>关于我们</li>
</ul>

// 获取#menu的直接子li元素(3个)
$('#menu').children('li'); 

// 不会获取嵌套ul中的li，因为不是直接子元素

// 高亮所有直接子li
$('#menu').children('li').css('background-color', 'yellow');

// 只高亮active的子元素
$('#menu').children('.active').css('font-weight', 'bold');