子元素").jquery方法(...)”;大于号表示的是获取指定元素下的第一级子元素,并不是所有的后代元素。"/> 子元素").jquery方法(...)”;大于号表示的是获取指定元素下的第一级子元素,并不是所有的后代元素。">
首页 > web前端 > 前端问答 > jquery选择器中大于号怎么用

jquery选择器中大于号怎么用

WBOY
发布: 2022-06-14 18:27:43
原创
2012 人浏览过

在jquery中,选择器中的大于号用于选中指定元素下子元素,语法为“$("父元素>子元素").jquery方法(...)”;大于号表示的是获取指定元素下的第一级子元素,并不是所有的后代元素。

jquery选择器中大于号怎么用

本教程操作环境:windows10系统、jquery3.6.0版本、Dell G3电脑。

jquery选择器中大于号怎么用

>选择器是匹配指定元素的一级子元素,而不是所有的后代元素。

扩展知识:

  • $(this)    当前 HTML 元素    

  • $("p")    所有

    元素    

  • $("p.intro")    所有 class="intro" 的

    元素    

  • $(".intro")    所有 class="intro" 的元素    

  • $("#intro")    id="intro" 的元素    

  • $("ul li:first")    每个

      的第一个
    • 元素    

    • $("[href$='.jpg']")    所有带有以 ".jpg" 结尾的属性值的 href 属性    

    • $("div#intro .head")    id="intro" 的

      元素中的所有 class="head" 的元素    

    示例如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <title>123</title> 
    <script src="js/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("#box>div").css("background-color","green");
    });
    </script>
    <style type="text/css">
    #box{
      width:300px;
      height:200px;
      background:black;
    }
    #middle{
      width:200px;
      height:150px;
      background:red;
      margin:0px auto;
    }
    #inner{
      width:100px;
      height:100px;
      background:blue;
      margin:0px auto;
    }
    </style>
    </head>
    <body>
    <div id="box">
      <div id="middle">
        <div id="inner"></div>
      </div>
    </div>
    </body>
    </html>
    登录后复制

    输出结果:

    03.png

    视频教程推荐:jQuery视频教程

    以上是jquery选择器中大于号怎么用的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板