怎么改变作子节点的属性？

Question

<div id="txt">     <h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>     <p>1. JavaScript入门篇，让不懂JS的你，快速了解JS。</p>     <p>2. JavaScript进阶篇，让你掌握J S的基础语法。</p>     <p>3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、等课程。</p> </div> //改了之后像下面一样 <div id="txt">     <h5 style="display: none;">JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>     <p style="display: none;">1. JavaScript入门篇，让不懂JS的你，快速了解JS。</p>     <p style="display: none;">2. JavaScript进阶篇，让你掌握JS的基础语法。</p>     <p style="display: none;">3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、等课程。</p> </div>

Answer 1

$("#txt").children('h5').attr('border','1px solid red');大概就是这样。

Answer 2

    <!--看不大懂问的啥意思，如果为了实现的话可以用子选择器-->
    <style>
    #txt>h5,p {
      display: none;
      }
    </style>

    <div id="txt">  
    <h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>
    <p>1. JavaScript入门篇，让不懂JS的你，快速了解JS。</p>
    <p>2. JavaScript进阶篇，让你掌握J S的基础语法。</p>
    <p>3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、等课程。</p>
</div>