jquery中index() 函數(shù)的多種寫(xiě)法和不同表達(dá)含義。

shengguo 發(fā)布于2019-08-22 10:54 / 2173人閱讀

摘要：很多新手會(huì)出現(xiàn)這個(gè)錯(cuò)誤二深刻了解相對(duì)父元素索引相對(duì)下的所有的索引同上同上相對(duì)所有集合的索引同上同上

一、index函數(shù)容易出錯(cuò)的地方

jQuery中index()返回的值經(jīng)常是不準(zhǔn)確的，例如下面返回的值就不是我們想要的值，這種情況非常尷尬，如果對(duì)index()函數(shù)不深刻理解是很容易出錯(cuò)的，并且原因非常難發(fā)現(xiàn)：

原因很簡(jiǎn)單：以上寫(xiě)法是返回相對(duì)于div的子元素中，p標(biāo)簽的位置，并不是這個(gè)點(diǎn)擊的p標(biāo)簽相對(duì)div下所有p標(biāo)簽的位置，這個(gè)相對(duì)于誰(shuí)是個(gè)很重要的問(wèn)題。很多新手會(huì)出現(xiàn)這個(gè)錯(cuò)誤！

二、深刻了解index

$("span").mouseover(function(){
    alert($(this).index())                        // 相對(duì)父元素索引        
    
    alert($("div span").index($(this)))           //相對(duì)div下的所有span的索引
    alert($("div span").index(this))              //同上
    alert($(this).index("div span"));             //同上
            
    alert($("span").index($(this)))               //相對(duì)所有span集合的索引
    alert($("span").index(this))                  //同上
    alert($(this).index("span"))                  //同上
})

云服務(wù)器 GPU云服務(wù)器 js中rect的含義常用域名的符號(hào)和含義正則表達(dá)式寫(xiě)法php jquery寫(xiě)法

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/91421.html

相關(guān)文章

template7入門教程及對(duì)它的一些看法

摘要：是的內(nèi)置模板引擎，在此之前使用過(guò)，不過(guò)剛剛打開(kāi)看了下，已經(jīng)停止更新，并且將要被所替代。如果需要進(jìn)行一些條件判斷，則使用。我們就主要說(shuō)一下不常用的或者其他模板引擎里沒(méi)有的一些功能。 template7是framework7的內(nèi)置模板引擎，在此之前使用過(guò)jquery-tmpl，不過(guò)剛剛打開(kāi)github看了下，已經(jīng)停止更新，并且將要被JsRender所替代。妹的，JsRender又是什么鬼啊...

Developer 2019-08-19 18:32 評(píng)論0 收藏0
template7入門教程及對(duì)它的一些看法

摘要：是的內(nèi)置模板引擎，在此之前使用過(guò)，不過(guò)剛剛打開(kāi)看了下，已經(jīng)停止更新，并且將要被所替代。如果需要進(jìn)行一些條件判斷，則使用。我們就主要說(shuō)一下不常用的或者其他模板引擎里沒(méi)有的一些功能。 template7是framework7的內(nèi)置模板引擎，在此之前使用過(guò)jquery-tmpl，不過(guò)剛剛打開(kāi)github看了下，已經(jīng)停止更新，并且將要被JsRender所替代。妹的，JsRender又是什么鬼啊...

kaka 2019-08-01 15:22 評(píng)論0 收藏0
前端培訓(xùn)-中級(jí)階段（8）- jQuery元素屬性樣式操作（2019-08-01期）

摘要：前端最基礎(chǔ)的就是。對(duì)應(yīng)，是標(biāo)簽的屬性。獲取匹配元素相對(duì)父元素的偏移。返回的對(duì)象包含兩個(gè)整型屬性和。一組包含作為動(dòng)畫(huà)屬性和終值的樣式屬性和及其值的集合動(dòng)畫(huà)的額外選項(xiàng)。指示是否在效果隊(duì)列中放置動(dòng)畫(huà)。前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開(kāi)發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，...

everfly 2019-08-02 15:30 評(píng)論0 收藏0
前端培訓(xùn)-中級(jí)階段（8）- jQuery元素屬性樣式操作（2019-08-01期）

摘要：前端最基礎(chǔ)的就是。對(duì)應(yīng)，是標(biāo)簽的屬性。獲取匹配元素相對(duì)父元素的偏移。返回的對(duì)象包含兩個(gè)整型屬性和。一組包含作為動(dòng)畫(huà)屬性和終值的樣式屬性和及其值的集合動(dòng)畫(huà)的額外選項(xiàng)。指示是否在效果隊(duì)列中放置動(dòng)畫(huà)。前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開(kāi)發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，...

james 2019-08-23 18:34 評(píng)論0 收藏0
前端培訓(xùn)-中級(jí)階段（8）- jQuery元素屬性樣式操作（2019-08-01期）

摘要：前端最基礎(chǔ)的就是。對(duì)應(yīng)，是標(biāo)簽的屬性。獲取匹配元素相對(duì)父元素的偏移。返回的對(duì)象包含兩個(gè)整型屬性和。一組包含作為動(dòng)畫(huà)屬性和終值的樣式屬性和及其值的集合動(dòng)畫(huà)的額外選項(xiàng)。指示是否在效果隊(duì)列中放置動(dòng)畫(huà)。前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開(kāi)發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，...

bang590 2019-08-30 11:21 評(píng)論0 收藏0