jquery中children的用法
一、介绍
jquery的children()方法用于获取所有匹配元素的子元素,可以用来查指定元素的直接子元素,也就是元素的第一个子元素,不过可以通过参数设置过滤特定元素。
二、语法
语法格式如下:
$(selector).children(filter)
三、实例
1、查指定元素的所有直接子元素。
如果想查指定元素的所有直接子元素,可以使用如下格式的语句:
$(selector).children();
实例代码如下:
<div class='sub-container'>
<ul>
<li>Item 1</li>
<li>Item 2</li>
script在html中的用法 <li>Item 3</li>
</ul>
<div>
<p>Paragraph 1</p>
</div>
</div>
<script>
$(document).ready(function(){
var directChildren = $('.sub-container').children();
// directChildren is a collection containing the <ul> and <div>
});
</script>
2、过滤特定元素查指定元素的子元素。
如果想查指定元素的特定子元素,可以使用如下格式的语句:
$(selector).children(filter);
实例代码如下:
<div class='sub-container'>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<div>
<p>Paragraph 1</p>
</div>
</div>
<script>
$(document).ready(function(){
// Get only the <ul>
var subjects = $('.sub-container').children('ul');
});
</script>
四、总结
jquery的children()方法用于获取所有匹配元素的子元素,可以查指定元素的所有直接子元素,也可以通过指定过滤参数查特定的子元素。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论