jquery第一个元素,jquery 最后一个子元素

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 最后一个子元素
当前地址：https://www.cdcxhl.com/article4/dsddpoe.html

成都网站建设公司_创新互联，为您提供用户体验、定制开发、App设计、搜索引擎优化、、网站设计公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联