日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

jQuery 選擇器(:eq(index))詳解

 昵稱27831725 2017-09-02


注意:eq(index)選擇器與:nth-child(n)選擇器的不同之處在于:
:eq(index)選擇器只匹配一個(gè)元素,并且是所有匹配到的元素中的第index + 1個(gè)元素(索引index從0開始算起);
:nth-child(n)選擇器則需要判斷匹配到的元素是否是其父元素的第n個(gè)子元素或符合特定要求(序號n從1開始算起),如果是就保留,否則將被舍棄。

語法

// 這里的selector表示具體的選擇器
// 這里的index表示指定的索引值
jQuery( "selector:eq(index)" )

參數(shù)

參數(shù)描述
selector一個(gè)有效的選擇器。
index指定的索引值,從0開始計(jì)數(shù)。

1.8 新增支持參數(shù)index可以為負(fù)數(shù)。如果index為負(fù)數(shù),則將其視作length + index,這里的length指的是匹配到的元素的個(gè)數(shù)(也可以理解為從后往前計(jì)數(shù))。

返回值

返回封裝了匹配選擇器selector的DOM元素中指定索引index處的元素的jQuery對象。

如果索引值超出有效范圍,則返回空的jQuery對象。

示例&說明

以下面這段HTML代碼為例:

<div id="n1">
    <div id="n2">
        <ul id="n3">
            <li id="n4">item1</li>
            <li id="n5">item2</li>
            <li id="n6">item3</li>
        </ul>
    </div>
    <div id="n7">
        <ul id="n8">
            <li id="n9">item1</li>
            <li id="n10">item2</li>
        </ul>
    </div>
</div>

現(xiàn)在,我們想要查找第2個(gè)div標(biāo)簽,則可以編寫如下jQuery代碼:

// 選擇了id為n2的一個(gè)元素
$("div:eq(1)");

接著,獲取匹配ul li選擇器的元素中的第4個(gè)元素,則可以編寫如下jQuery代碼:

// 選擇了id為n9的一個(gè)元素
$("ul li:eq(3)");

運(yùn)行代碼

16 15
我們認(rèn)為: 用戶的主要目的,是為了獲取有用的信息,而不是來點(diǎn)擊廣告的。因此本站將竭力做好內(nèi)容,并將廣告和內(nèi)容進(jìn)行分離,確保所有廣告不會影響到用戶的正常閱讀體驗(yàn)。用戶僅憑個(gè)人意愿和興趣愛好點(diǎn)擊廣告。

    本站是提供個(gè)人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多