jquery获取下标的方法

最新推荐文章于 2022-10-27 17:48:49 发布
最新推荐文章于 2022-10-27 17:48:49 发布
阅读量6.1k 收藏
点赞数
文章标签： jquery获取下标的方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiangjiang1989/article/details/80544880
版权
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery选项卡滑动切换图片代码</title>


</head>
<style>

div{margin: 0 auto;text-align: center;margin-top: 200px;}
p span{display: inline-block;padding:0 20px;cursor: pointer;}
ul{padding: 0;margin: 0;}
ul li{display:none;}
ul li:first-child{display:block;}
.one span{color:black;}
.one span:first-child{background:red;color:white;}
</style>
<body>
<div>
<p class="one"><span>电影</span><span>电视 </span><span>娱乐</span><span>电影4</span><span>电视5 </span><span>娱乐6</span><span>电影7</span><span>电视 8</span><span>娱乐9</span><span>电影10</span><span>电视11 </span><span>娱乐12</span></p>
 <ul>
<li>
<p>11111111111</p>
<p>11111111111</p>
<p>11111111111</p>
</li>
<li>
<p>2222222222</p>
<p>2222222222</p>
<p>2222222222</p>
</li>
<li>
<p>333333333</p>
<p>333333333</p>
<p>333333333</p>
</li>
<li>
<p>44444444444</p>
<p>11111111111</p>
<p>11111111111</p>
</li>
<li>
<p>5555555555555</p>
<p>2222222222</p>
<p>2222222222</p>
</li>
<li>
<p>66666666666666</p>
<p>333333333</p>
<p>333333333</p>
</li>
<li>
<p>77777777777</p>
<p>333333333</p>
<p>333333333</p>
</li>
<li>
<p>8888888888888888</p>
<p>333333333</p>
<p>333333333</p>
</li>
<li>
<p>99999999999</p>
<p>333333333</p>
<p>333333333</p>
</li>
<li>
<p>1010101010101</p>
<p>333333333</p>
<p>333333333</p>
</li>
<li>
<p>1111111111111dsad11</p>
<p>333333333</p>
<p>333333333</p>
</li>
<li>
<p>121212122122121</p>
<p>333333333</p>
<p>333333333</p>
</li>
</ul>

<p class="indextilte"></p>
</div>




 </body>
<script src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" >
$(function(){

$(".one").on("mouseover","span",function(){
$(this).siblings().css({"background":"none","color":"black"});
$(this).css({"background":"red","color":"white"});

var a=$(".one span").index(this);

$("ul li").css({"display":"none"});
$("ul li").eq(a).css({"display":"block"});
})

$(".indextilte").html(Date);


})
</script>
 
</html>
大原力觉醒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery使用index方法获取Jquery对象数组下标的方法
10-24
主要介绍了JQuery使用index方法获取Jquery对象数组下标的方法,涉及jQuery中index方法的使用技巧,需要的朋友可以参考下
用jQuery获取标签下标
今夕莫离-IT
05-26 1165
$(function(){        $('ul li a').hover(function(){      var index = $('ul li a').index($(this)); alert(index); }); }); a b
jquery怎么获取当前标签下的子标签
halele131的博客
09-29 6164
1、查找子元素方式1：> 例如：var aNods = $(“ul > a”);查找ul下的所有a标签 2、查找子元素方式2：children() 3、查找子元素方式3：find() 通过下标获取第n个子标dao签的ID值 1.var num1=$(“ul > a:eq(0)”).attr(“ID”); 2.var num2=$(“ul”).children(“a:eq(0)”).attr(“ID”); 3.var num3=$(“ul”).find(“a:eq(0)”).attr(
jQuery知识点总结
qq_45030966的博客
09-10 222
1.jQuery ​ 是一个快速小巧、功能丰富的第三方JavaScript库 ​ 功能： ​ 1.选取HTML元素 ​ 2.操作元素 ​ 3.CSS操作 ​ 4.操作HTML事件 ​ … ​ 使用：引入链接到需要的HTML文件中 ​ 1.直接引入网络资源 ​ 2.将网络资源下载到本地去引入 ​ 2.jQuery的使用 2.1$(选择器) 普遍选择器 选取所有元素 console.log($("*")); 标签名选择器 选取的为数组 console.log($("p"));
jQuery循环中获取指定下标的操作
LaoYe的博客
10-10 6231
第一种方式：循环中点击 for(var i=0;i&lt;list.length;i++){ list[i].index = i; $(list[i]).click(function(){ color = "#" + Math.random().toString(16).substr(2,6); $(list[this.index]).css("...
jQuery中在不同场景下，通过点击事件获取当前子元素的下标
Yukinoshita_kino的博客
05-18 2712
jQuery中两种场景下，通过点击事件获取子元素的下标 html代码部分 // 1.第一种场景 <div class="box-one"> <div class="child-one">子元素一</div> <div class="child-one">子元素二</div> <div class="child-one">子元素三</div> </div> // 2.第二种场景 <div cla
jQuery 总结
weixin_55592592的博客
10-27 572
JQuery的基本规范
jQuery的基础操作（一）
qq_45799465的博客
02-18 269
一、jQuery的基本介绍 1.1 概念 jQuery是前端的一个类库，本质上是一个JavaScript文件，其中定义了很多函数方法。通过导入jQuery文件可以调用其中封装定义的函数。jQuery的操作本质好事js操作，只是将js的操作封装定义成函数程序，调用函数程序，本质上执行的仍然是js的操作。 1.2 网站 官网 https://jquery.com/ 中文 https://jquery.cuishifeng.cn/ 1.3 文件名 jquery.min.js ...
jQuery之字体大小的设置方法
12-03
先获取字体大小，进行处理。 再将修改的值保存。 slice() 方法可从已有的数组中返回选定的元素。arrayObject.slice(start,end)。start 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。...
jquery获取table指定行和列的数据方法(当前选中行、列)
01-21
//指定下标即可 }) 今日项目中需要用到取table选中列的数据，网上资料发现都不能获取到选中指定列的数据，通过分析测试后总结出以上代码，可以获取选中行/列的数据。取td的数据不是.val()，也不是.html()。经过多次...
jQuery获取Select标签的手册
10-26
jQuery获取Select标签的手册 单选组radio: $("input[type=radio][checked]").val(); 下拉框select的value值: $('select').val(); 下拉框select选中的text 值:$("select").find("option:selected").text();
jQuery中获取对应的下标
欢欢的博客
04-20 1285
$('.game .soft_title>div p').hover(function () { $(this).addClass('active').siblings().removeClass('active'); var _index = $(this).index() $('.game .soft_list .soft_item').eq(_index).addClass('active').siblings().removeClass('ac.
js、jq获取当前点击元素的下标
m0_62098435的博客
10-02 3243
以下是原生js方法： //获取到所有的li标签 var li = technical.querySelectorAll("li") //遍历li标签 for (let i = 0; i < tr2.length; i++) { //将i的下标赋值到li的index上 li[i].index = i ; li[i].onclick = function (){ console.log(tihe.index); }; }; 以下是jq方法，相对于js方便一.
js,jQuery初步了解
qq_46003863的博客
11-24 810
JavaScript JavaScript 的导入方式 不需要显示定义 script 的 type 属性，默认就是 javascript 内部导入 一般放在 head 标签或 body 标签底部 <script> alert("hello,world!"); </script> 外部导入 html 中： 链接式： <script src="JS01/js01.js"></script> JavaScript 中： alert
jQuery中直接获取标签的下标
qq_37687883的博客
07-25 5536
今天在使用jQuery做图片轮播的时候，遇到一个问题，就是为轮播图片对应的小圆图标，绑定对应的onclick事件时，用了如下代码： function getImg(m) { index=m; autoRun();//轮播图片的方法； } &lt;span class onclick="getImg(0)"&gt;&lt;...
jquery 取对象数组下标_JQuery使用index方法获取Jquery对象数组下标的方法
weixin_32867521的博客
02-17 294
本文实例讲述了JQuery使用index方法获取Jquery对象数组下标的方法。分享给大家供大家参考。具体实现方法如下：/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">index方法获取Jquery对象的数组下标#main{width:600px;border:1px solid green;margin:aut...
jquery如何获取当前点击的标签下标
manito_y的专栏
03-22 6523
$(".class").click(function(){ alert($(this).index()); })
用jquery获取元素的下标的值和eq的用法--案例
热门推荐
ShiYadong的专栏
08-27 3万+
jquery中eq的定义和用法 eq(index)； 选择器选取带有指定 index 值的元素。 jquery中获取元素的下标的值
jquery获取下标
三月神的专栏
07-01 8677
$(document).ready(function(){ $("#act li").click(function(){ alert( $( "#act li" ).index( $(this)[0] ) ); }) }) 这里是一个序列 这里是一个序列 这里是一个序列 这里是一个序列 这里是一个序列 这里是一个序列
jquery 根据值获取数组下标
最新发布
05-17
可以使用 jQuery 的 `$.inArray()` 方法来获取数组中特定值的下标。 例如，有以下数组： ```javascript var arr = ["apple", "banana", "orange", "grape"]; ``` 如果要获取 "orange" 的下标，可以使用以下代码：...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值