jQuery parent > child选择器

parent > child选择器语法

$('parent > child')

parent > child选择器语法解析

jQuery中的parent > child选择器,可以用于匹配选择父元素parent中所有的直接的类型为child类型的子元素。而什么是直接的子元素呢?可以理解为第一代的子元素,而子元素的子元素则为第二代,并不会被parent > child选择器匹配选择。当然,这仅是个人的理解方式,仅供参考。

parent > child选择器实例代码

如下实例代码,通过parent > child,即.f > p选择器,匹配选择到的是class属性值为f的div中的第一个p子元素:

<div class="f">
  <p>直接子元素,第一代子元素</p>
  <span>span1</span>
  <div>
    <p>第二代子元素</p>
  </div>
</div>


<button id="test" class="btn">jQuery</button>

<script>
  $('#test').click(function(){
    $('.f > p').css("font-size","3.5em");
  })
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.