zoukankan      html  css  js  c++  java
  • $('div p')、$('div>p')、$(div+span)的用法和区别

    $('div p')、$('div>p')、$(div+span)的用法和区别

    • $(‘div p’):将所有<div>标签里面的<p>标签选中(子标签和孙子辈标签)
    • $(‘div>p’)将所有<div>标签的子标签<p>选中,不包括孙子辈标签。
    • $(div+span)将所有离<div>最近的<span>标签选中
      下面是这三个选择器的用法举例:
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <style type="text/css">
            .blue{color: blue;}
            .red{color: red;}
            .green{color: green;}
        </style>
        <script src="./jquery-3.1.0.min.js"></script>
        <script>
        $(document).ready(
          function(){
          $('div p').addClass('blue');
          $('div>p').addClass('red');
          $('div+span').addClass('green');
          }
        );
        </script>
        <title>jquery</title>
    </head>
    <body>
    <div>
        <p>你好</p>
    </div>
    <span>事件</span>
    <div>
        <span><p>时间</p></span>
    </div>
    <span>事件2</span>
    </body>
    </html>

    运行结果:
    运行结果

    知乎 https://www.zhihu.com/people/yuanmuou/activities
  • 相关阅读:
    整理—类型转换
    HTML简历
    数组
    选择语句2
    类型转换、运算符'
    C#(VS)基础
    hdu_1037(水题水疯了。。。史上最水)
    hdu_1033(我怎么找到的这么水的题,只为保存代码。。。)
    hdu_1030(数学题+找规律)
    hdu_1029_hash/map
  • 原文地址:https://www.cnblogs.com/ailitao/p/11047316.html
Copyright © 2011-2022 走看看