• 技术文章 >web前端 >前端问答

    jquery选择器中大于号怎么用

    长期闲置长期闲置2022-06-14 18:27:43原创155

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

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

    jquery选择器中大于号怎么用

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

    扩展知识:

    示例如下:

    <!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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery是html的升级版吗 下一篇:jquery怎么绑定元素使其失去光标
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery事件都有哪些• jquery怎么改css定位属性• jquery怎么查看对象是否有某个样式• jquery怎样删除一个元素对象• jquery怎么替换dom元素
    1/1

    PHP中文网