jquery第一个元素,jq获取div下第一个元素

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

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

专注于为中小企业提供网站建设、成都做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业商南免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上1000+企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

实例演示如下:

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如何获取第一个或最后一个子元素

$("p:first")    第一个 p 元素        demo  选择第一个 p 元素

$("p:last")    最后一个 p 元素     demo  选择最后一个 p 元素

jQuery 选择器参考手册 参考地址

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如何获取第一个子元素

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

!--加载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如何获取每一行的最后一列的第一个元素

1.遍历要操作的table的tr；

2.通过选择器td:last获取到本行最后一个单元格td；

3.通过first()获取到第一个元素；

示例代码：

html

head

title/title

script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"/script

script type="text/javascript"

$(document).ready(function () {

var obj;

$("tr").each(function () {

obj = $(this).find("td:last").first();

console.log($(obj).html());

});

});

/script

/head

body

table

tr

td1/td

td2/td

tdh1aaaa/h13/td

/tr

tr

td4/td

td5/td

tdh3bbbb/h36/td

/tr

/table

/body

/html

分享题目：jquery第一个元素,jq获取div下第一个元素
文章地址：https://www.cdcxhl.com/article32/dsdcspc.html

成都网站建设公司_创新互联，为您提供建站公司、手机网站建设、品牌网站制作、全网营销推广、响应式网站、定制网站

广告

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