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

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

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

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

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

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

二、深刻了解index

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

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/91421.html

相關(guān)文章

template7入門教程及對它的一些看法

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

Developer 2019-08-19 18:32 評論0 收藏0
template7入門教程及對它的一些看法

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

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

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

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

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

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

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

bang590 2019-08-30 11:21 評論0 收藏0