jquery如何获取第一个子元素

下面写个例子来获取id为demo的元素的第一个子元素。

<!--加载jquery-->
<script src="http://codejquerycom/jquery-183minjs"></script>
<script>
$(function(){//页面加载完成时进入
    var firstChild=$("#demo>:first");//用选择器的方式获取第一个子元素
    firstChildcss('color','red');//将第一个子元素中的文字变为红色，可以看到只有“111”是红色的
});
</script>
<div id="demo"><span>111</span><span>222</span><span>333</span></div>

说明一下以上例子中用到选择器

#demo是id选择器获取id为demo的元素

>是子选择器获取所有子级

:first是首项选择器获取第一个元素

三者结合起来就是获取id为demo的元素的所有子元素中的第一个元素。

其实jquery的选择器有很多，包括：

:last获取最后一个元素

:eq(index)获取第index个选择器

更多可以直接百度搜索“jquery选择器”来查看。

以上就是关于jquery如何获取第一个子元素全部的内容，包括:jquery如何获取第一个子元素、、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！