2020-10-22

标层次选择器

层次选择器.

手动重置页面元素 点击下列按钮时先自动重置页面

<input type="button" value="选择 body内的所有div元素." id="btn1" />
<input type="button" value="在body内,选择子元素是div的。" id="btn2" />
<input type="button" value="选择 所有class为one 的下一个div元素." id="btn3" />
<input type="button" value="选择 id为two的元素后面的所有div兄弟元素." id="btn4" />
<br />
<br />
<!-- 测试的元素 -->
<div class="one" id="one">
    id为one,class为one的div（女警）
    <div class="mini">class为mini的div（曙光）</div>
</div>

<div class="one" id="two" title="test">
    id为two,class为one,title为test的div（金克斯）
    <div class="mini" title="other">class为mini,title为other的div（宝石）</div>
    <div class="mini" title="test">class为mini,title为test的div（璐璐）</div>
</div>

<div class="one">
    class为one的div（EZ）
    <div class="mini">class为mini的div（琴女）</div>
    <div class="mini">class为mini的div（众星之子）</div>
    <div class="mini">class为mini的div（唤潮鲛姬）</div>
    <div class="mini">class为mini的div（牛头）</div>
</div>

<div class="one">
    class为one的div（奥巴马）
    <div class="mini">class为mini的div（凤女）</div>
    <div class="mini">class为mini的div（机器人）</div>
    <div class="mini">class为mini的div（狗熊）</div>
    <div class="mini" title="tesst">class为mini,title为tesst的div（雪人）</div>
</div>

<div style="display:none;" class="none">
style的display为"none"的div（VN）
</div>

<div class="hide">
class为"hide"的div（螃蟹）
</div>

<div>
    包含input的type为"hidden"的div（飞机）
    <input type="hidden" size="8" />
</div>
<div>
    什么也没有
</div>
<span id="mover">正在执行动画的span元素.</span>