jQuery-01

作者: 京河_简 | 来源:发表于2017-09-29 23:32 被阅读0次

版本1

选择器

选中集合中的索引为奇数的元素
 $("si:odd")
选中集合中的索引为偶数的元素
 $("si:even")

!!!
:eq(index)
$("li:eq(2)").css("color","red")
获取到的li元素中,选择索引号为2的元素,索引号index从0开始

获取元素的索引值

$(this).index()
获取当前元素在集合中的索引


$(function () {
         $("#left li,#right li").mouseenter(function () {
           console.log($(this).index());
           var index = $("#left li,#right li").index(this);
           $("#center li:eq("+index+")").show().siblings().hide()
         })
      });

var index = $("#left li,#right li").index(this);
获取this在$("#left li,#right li")集合中的索引值

1

相关文章

  • jQuery-01

    版本1 选择器 获取元素的索引值 1

  • jQuery-01

    jQuery jQuery是一个快速、简洁的JavaScript库。jQuery设计的宗旨是“write Less...

  • jQuery-01

    入口函数写法 核心函数 $(); 代表用jQuery的核心函数。 接收一个函数 接收一个字符串2.1 接收一个字符...

  • jQuery-01

    jQuery 是一个快速、简洁的 JavaScript 库,其设计的宗旨是“write Less,Do More”...

  • 迷你JQuery-01

    迷你JQuery的封装 框架的封装的模块 目前实现的功能为 each、map、isArrayLike 获取元素 i...

网友评论

      本文标题:jQuery-01

      本文链接:https://www.haomeiwen.com/subject/nstpextx.html