先看一段代码
<div id="tabs">
<div class="tabPage" id="helpContent">
</div>
<div class="tabPage" id="selectCurse" style="display:none;">
<label for="course_code" style="margin:0 10px;">请输入您收到的选课代码</label>
<p style="margin-left:10px;" id="resultMessage"></p>
</div>
<div class="tabPage" style="display:none;" id="courseListStudent"></div>
<div class="tabPage" style="display:none;" id="myInfo">
<div class="headbar">
个人信息。
</div>
</div>
</div>
class为tabPage的四个div,如果使用JQuery将第四个div显示,即show(),那么style="display:none;" 属性会继承到其所有div子元素上。换成<p>则不会有这样的情况了。