jQuery 进阶选择器

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.1.0.js">
        </script>

        <style type="text/css">
            div {
                width: 100px;
                height: 100px;
            }
        </style>

        <script type="text/javascript">
            $(document).ready(function() {
     ```           
#### 群组选择器:多个选择器之间用   ,   隔开
            var $divs = $('#div1, #div2');     逗号隔开
            console.log($divs);
           $divs.css('background-color', 'red');
 #### 后代选择器:父标签选择器 +  空格 + 子标签的选择器  
            var $divs1 = $('#div2 div');
            console.log($divs1);
 #### 通配符选择器:用*选中所有的标签
            var $general = $('*');
            console.log($general);
   })
        </script>
    </head>

    <body>
        <div id="div1"></div>

        <div id="div2">
            <div class="div1">
                <div></div>
            </div>
            <div class="div2"></div>
            <div class="div3"></div>
        </div>

        <div class="div4"></div>
    </body>

</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 516评论 0 0
  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    极客江南阅读 11,818评论 10 109
  • 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性格式...
    e919b03f06c2阅读 297评论 0 0
  • -01- 遥遥在我家住的那几天,异乎寻常的平静。既没有目光空洞地冲着窗台发一上午呆,也没有拽着我陪她喝一晚上酒。最...
    陈小团阅读 996评论 3 10
  • 01 铃是在一个风和日丽的下午收到了展的电子婚礼请柬,展在微信里留言,说自己下个月8号要结婚了,作为大学同学,希望...
    方赞赞阅读 1,240评论 4 25