资讯专栏INFORMATION COLUMN

jquery中index() 函数的多种写法和不同表达含义。

shengguo / 1982人阅读

摘要:很多新手会出现这个错误二深刻了解相对父元素索引相对下的所有的索引同上同上相对所有集合的索引同上同上

一、index函数容易出错的地方

jQuery中index()返回的值经常是不准确的,例如下面返回的值就不是我们想要的值,这种情况非常尴尬,如果对index()函数不深刻理解是很容易出错的,并且原因非常难发现:

原因很简单:以上写法是返回相对于div的子元素中,p标签的位置,并不是这个点击的p标签相对div下所有p标签的位置,这个相对于谁是个很重要的问题。很多新手会出现这个错误!

二、深刻了解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"))                  //同上
})    

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/91421.html

相关文章

  • template7入门教程及对它一些看法

    摘要:是的内置模板引擎,在此之前使用过,不过刚刚打开看了下,已经停止更新,并且将要被所替代。如果需要进行一些条件判断,则使用。我们就主要说一下不常用的或者其他模板引擎里没有的一些功能。 template7是framework7的内置模板引擎,在此之前使用过jquery-tmpl,不过刚刚打开github看了下,已经停止更新,并且将要被JsRender所替代。妹的,JsRender又是什么鬼啊...

    Developer 评论0 收藏0
  • template7入门教程及对它一些看法

    摘要:是的内置模板引擎,在此之前使用过,不过刚刚打开看了下,已经停止更新,并且将要被所替代。如果需要进行一些条件判断,则使用。我们就主要说一下不常用的或者其他模板引擎里没有的一些功能。 template7是framework7的内置模板引擎,在此之前使用过jquery-tmpl,不过刚刚打开github看了下,已经停止更新,并且将要被JsRender所替代。妹的,JsRender又是什么鬼啊...

    kaka 评论0 收藏0
  • 前端培训-级阶段(8)- jQuery元素属性样式操作(2019-08-01期)

    摘要:前端最基础的就是。对应,是标签的属性。获取匹配元素相对父元素的偏移。返回的对象包含两个整型属性和。一组包含作为动画属性和终值的样式属性和及其值的集合动画的额外选项。指示是否在效果队列中放置动画。 前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,...

    everfly 评论0 收藏0
  • 前端培训-级阶段(8)- jQuery元素属性样式操作(2019-08-01期)

    摘要:前端最基础的就是。对应,是标签的属性。获取匹配元素相对父元素的偏移。返回的对象包含两个整型属性和。一组包含作为动画属性和终值的样式属性和及其值的集合动画的额外选项。指示是否在效果队列中放置动画。 前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,...

    james 评论0 收藏0
  • 前端培训-级阶段(8)- jQuery元素属性样式操作(2019-08-01期)

    摘要:前端最基础的就是。对应,是标签的属性。获取匹配元素相对父元素的偏移。返回的对象包含两个整型属性和。一组包含作为动画属性和终值的样式属性和及其值的集合动画的额外选项。指示是否在效果队列中放置动画。 前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,...

    bang590 评论0 收藏0

发表评论

0条评论

shengguo

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<