jquery如何獲取第一個子元素

下面寫個例子來獲取id為demo的元素的第一個子元素。

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比鄂溫克網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式鄂溫克網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋鄂溫克地區(qū)。費用合理售后完善，10余年實體公司更值得信賴。

!--加載jquery--

script?src=""/script

script

$(function(){//頁面加載完成時進入

var?firstChild=$("#demo:first");//用選擇器的方式獲取第一個子元素

firstChild.css('color','red');//將第一個子元素中的文字變?yōu)榧t色，可以看到只有“111”是紅色的

});

/script

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

說明一下以上例子中用到選擇器

#demo是id選擇器獲取id為demo的元素

是子選擇器獲取所有子級

:first是首項選擇器獲取第一個元素

三者結(jié)合起來就是獲取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 選擇后有多個元素取第一個

我們經(jīng)常能夠用jquery

獲取一組dom對象，但是我們只想操作第一個元素時，有什么好方法來用

jquery

第一個元素的呢，用jquery

第一個元素很簡單，用到了篩選的方法，假設(shè)有這樣一段一組列表：

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

取得第一個元素的方法

轉(zhuǎn)載，僅供參考。

jquery怎么設(shè)置默認(rèn)顯示第一個元素

思路：使用hide()隱藏所有元素→使用選擇器first,first-child,nth-child(1)等獲取第一個元素→使用show()顯示第一個元素。

實例演示如下:

1、HTML結(jié)構(gòu)

div?id="test"

liGlen/li

liTane/li

liJohn/li

liRalph/li

/div

2、jquery代碼

$(function(){

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

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

});

3、顯示效果