Jquery子元素选择器

最新推荐文章于 2020-05-24 18:03:15 发布

weixin_34195142

最新推荐文章于 2020-05-24 18:03:15 发布

阅读量82

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/osmyblog/blog/289446

版权

2019独角兽企业重金招聘Python工程师标准>>>

 <script type="text/javascript">
                function sel(){
//                    $("li:first").css("color","green");选择第一个li,不会匹配到第二个ul下面的li元素，
//这里的li是代表所有的li，因此只会有一个li元素出现
//                    $("li:first-child").css("background","lightgreen");
//                所有父元素下的li元素，并且是第一个li元素,因此第二个ul下的li也会找到
//                    $("li:last-child").css("background","lightgreen");
//                    找到所有父元素下的li元素，并且是最后一个li，因此第二个ul里的最后一个li也会找到
//                    $("li:nth-child(3)").css("background","lightgreen");
                      找到所有父元素下的li元素，并且是第n个元素。
                            $("div:only-child").css("width","120");
                            $("div:only-child").css("height","80");
                            $("div:only-child").css("background","lightblue");
//                    找到所有父元素下的div元素，并且该父元素下就只有一个div元素存在

                }
  </script>
  <title>Document</title>
 </head>
 <body>
        <ul>
                <li>德意志</li>
                <li>河南</li>
                <li>四川</li>
                <li>法国</li>
                <li>西班牙</li>
                
        </ul>
                <ul>
                        <div></div>
                </ul>
        <ul>
                <li>苹果</li>
                <li>香蕉</li>
                <li>茄子</li>
                <li>梨子</li>
                <li>大白菜</li>
                
        </ul>
        <input type="button" onclick="sel();" >

转载于:https://my.oschina.net/osmyblog/blog/289446