// 显示div的所有直接子元素
$('#parentDiv').children().show();

// 显示div内的所有后代元素
$('#parentDiv').find('*').show();

// 只显示div中的p子元素
$('#parentDiv').children('p').show();

// 只显示class为"child-item"的子元素
$('#parentDiv').children('.child-item').show();

<div id="container">
  <p>段落1</p>
  <div class="item">项目1</div>
  <span>文本</span>
  <div>
    <p>嵌套段落</p>
  </div>
</div>
<button id="showChildren">显示子元素</button>

$(document).ready(function() {
  $('#showChildren').click(function() {
    // 只显示直接子元素
    $('#container').children().show();
    
    // 或者只显示div子元素
    // $('#container').children('div').show();
    
    // 或者只显示特定class的子元素
    // $('#container').children('.item').show();
  });
});

// 原生JS显示所有子元素
document.getElementById('parentDiv').querySelectorAll('*').forEach(el => {
  el.style.display = '';
});