jquery选择器中大于号如何用

这篇文章主要介绍“jquery选择器中大于号如何用”，在日常操作中，相信很多人在jquery选择器中大于号如何用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”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" 的元素

  示例如下：

  
  
  
   
   
  
  
  
  
  #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;
  }