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>
免责声明:内容仅供参考,不保证正确性!