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

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、显示效果

相关问答

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

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

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

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

Q2: 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

取得第一个元素的方法

转载，仅供参考。

Q3: 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选择器”来查看。

Q4: 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