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" 的元素

    示例如下:

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

输出结果:

jquery选择器中大于号如何用

到此,关于“jquery选择器中大于号如何用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


网站栏目:jquery选择器中大于号如何用
文章URL:http://pwwzsj.com/article/jdhepp.html

其他资讯