zoukankan      html  css  js  c++  java
  • jQuery层次选择器

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
        .imgclass
        {
            100px; height:100px;
            }
            div
            {
                250px; height:250px; background-color:#eee; border:solid 2px blue;
                }
        </style>
        <script src="jquery-1.9.1.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $('#Button1').click(function () {
                    //$('#divfirst img').hide(2000); //获取的是id为divfirst的层中的所有tagname为img的元素,不管这些元素是否嵌套在别的元素中
                    //$('#divfirst span img').hide(2000); //获取的是id为divfirst的层中的所有span子元素中的img元素,需要注意的是这个span子元素可以是divfirst的儿子或者是孙子
                    //$('#divfirst>span img').hide(2000);//获取的是id为divfirst的层中的第一级span元素中的所有img元素
                    //$('#divfirst+div img').hide(2000); //获取的是id为divfirst的层后边的同一级的第一个div元素,且此div必须紧随其后,如果中间有别的元素隔开,则不能获取
                    //$('#divfirst').next().hide(2000); //获取的是id为divfirst后边的第一个同级元素,不管是什么类型
                    //$('#divfirst~div img').hide(2000); //获取id为divfirst后边所有的同级别的,且类型为div里边的所有img元素
                    //$('#divfirst').nextAll().hide(2000);//获取的是divfirst后边的所有同级元素,不管是什么类型(类型不确定)
                })
            })
        </script>
    </head>
    <body>
    <input id="Button1" type="button" value="层次选择器" />
    <div id="divfirst">第一层
    <span>风景<a href="#"><img id="img1" src="picture/1.jpg" class="imgclass" /></a></span>
    <div><span><img src="picture/6.jpg" class="imgclass" id="img6" /></span></div>
    </div>
    <img id="img2" class="imgclass" src="picture/2.jpg" />

    <div>第二层<img id="img3" src="picture/3.jpg" class="imgclass" /></div>
    <div><img id="img4" class="imgclass" src="picture/4.jpg" /></div>
    <img id="img5" class="imgclass" src="picture/5.jpg" />
    </body>
    </html>

  • 相关阅读:
    ZeptoLab Code Rush 2015
    UVa 10048 Audiophobia【Floyd】
    POJ 1847 Tram【Floyd】
    UVa 247 Calling Circles【传递闭包】
    UVa 1395 Slim Span【最小生成树】
    HDU 4006 The kth great number【优先队列】
    UVa 674 Coin Change【记忆化搜索】
    UVa 10285 Longest Run on a Snowboard【记忆化搜索】
    【NOIP2016提高A组模拟9.28】求导
    【NOIP2012模拟10.9】电费结算
  • 原文地址:https://www.cnblogs.com/duanlinlin/p/3027030.html
Copyright © 2011-2022 走看看