jquery如何获取第一个子元素

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

创新互联-专业网站定制、快速模板网站建设、高性价比鄂温克网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式鄂温克网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖鄂温克地区。费用合理售后完善，10余年实体公司更值得信赖。

!--加载jquery--

script src=""/script

script

$(function(){//页面加载完成时进入

var firstChild=$("#demo:first");//用选择器的方式获取第一个子元素

firstChild.css('color','red');//将第一个子元素中的文字变为红色，可以看到只有“111”是红色的

});

/script

div id="demo"span111/spanspan222/spanspan333/span/div

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

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

是子选择器获取所有子级

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

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

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

:last获取最后一个元素

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

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

jquery如何获取第一个或最后一个子元素

使用选择器：

:first-child选择第一个子元素

例如：

$("div span:first-child") 表示选择了所有div中第一个span元素

:last-child选择最后一个子元素

例如：

$("div span:last-child") 表示选择了所有div中最后一个span元素

jquery 选择后有多个元素取第一个

我们经常能够用jquery

获取一组dom对象，但是我们只想操作第一个元素时，有什么好方法来用

jquery

第一个元素的呢，用jquery

第一个元素很简单，用到了筛选的方法，假设有这样一段一组列表：

ul

li11/li

li22/li

li33/li

li44/li

li55/li

/ul

我们要取到11

所在的

li

元素，有一下几种方法：

$('ul').find('li:first');

$('ul

li:first');

$('ul

li').eq(0);

这几种方法，就是常用的

jquery

取得第一个元素的方法

转载，仅供参考。

jquery怎么设置默认显示第一个元素

思路：使用hide()隐藏所有元素→使用选择器first,first-child,nth-child(1)等获取第一个元素→使用show()显示第一个元素。

实例演示如下:

1、HTML结构

div id="test"

liGlen/li

liTane/li

liJohn/li

liRalph/li

/div

2、jquery代码

$(function(){

$("#test li").hide();

$("#test li").eq(0).show();

});

3、显示效果

分享文章：jquery第一个元素,jquery 最后一个子元素
浏览路径：http://hbruida.cn/article/dsddpoe.html