zoukankan      html  css  js  c++  java
  • $('.mydiv>ul')和$('.mydiv ul')的不同

    --------------------------------------------------

    <!DOCTYPE HTML> 
    <HTML>   
        <head>
             <title>aa</title>
             <script type="text/javascript" src="jquery.js"></script>
             <style type="text/css">
             body,div{padding: 0;margin: 0;}
             .border{border:1px dashed #ccc;}
             .red{background:#f00;}
             </style>
             <script type="text/javascript">
                 $(function(){
                     $("#test").click(function(){
                         $('.mydiv>ul').addClass("red");
                         //$('.mydiv ul').addClass("red");
                     });
                 });
             </script>
        </head> 
    <body>
        <div class="mydiv">
            <ul>
                <li>asadfasdfsd</li>
                <li>asadfasdfsd</li>
                <li>asadfasdfsd</li>
                <li>asadfasdfsd</li>
            </ul>
            <p class="border"></p>
            <div><ul>
                <li>asadfasdfsd</li>
                <li>asadfasdfsd</li>
                <li>asadfasdfsd</li>
                <li>asadfasdfsd</li>
            </ul></div>
            <p class="border"></p>
            <input type="button" value="test" id="test"/>
        </div>
    </body>
    </HTML>

    点击后出现的效果图片如下:

    所以,$('.mydiv>ul')是指直接后代里找<ul>,只找姓ul的儿子,但是孙子不管了

    $('.mydiv ul')是指所有后代里找<ul>。(则会两个ul都会出现红色背景) 

    $('.mydiv ul')==$('.mydiv').find('ul')

    // 这里的是selector、selector1均表示任意的选择器
    $("selector").find("selector1");
    // 等价于
    $("selector selector1");

  • 相关阅读:
    Python iter() 函数
    Python file() 函数
    Python bin() 函数
    QTP自动化测试-打开运行报告
    mysql-笔记-数据类型
    mysql-笔记--增删改查
    mysql-笔记-命名、索引规范
    Navicat for MySQL 安装和破解
    mysql client--笔记-修改密码-登录-查看数据库-创建数据库
    安装mysql
  • 原文地址:https://www.cnblogs.com/yumeixin/p/6375350.html
Copyright © 2011-2022 走看看