简单和大家分享一下,学习jq的一些笔记,我们想实现的一些功能是,鼠标放在每一个li 上,都会呈现出不同的内容和块区域,用jq语句可以很容易又很简洁就可以实现,我们可以用.each() 方法去遍历,获取元素为li的,然后声明变量去获取存储下标。之后在操作里边的元素,用获取到的下标来控制li里边我们想控制显隐的元素。

 <li class="dian1" i><a href="">家用电器</a><div class="youxian " id="you"></div></li><li class="dian1"><a href="">手机/运营商/数码</a><div class="youxian" id="you1"></div></li><li class="dian1"><a href="">电脑/办公</a><div class="youxian" id="you2"></div></li><li class="dian1"><a href="">家居/家具/家装/厨具</a><div class="youxian" id="you3"></div></li><li class="dian1"><a href="">男装/女装/童装/内衣</a><div class="youxian"></div></li>$('.dian1').each(function () {//获取下标var b = $('.dian1').index($(this));$(this).mouseover(function () {$('.youxian').eq(b).show();});$(this).mouseout(function () {$('.youxian').eq(b).hide();});});

用jq遍历列表,获取列表的长度相关推荐

  1. Python遍历列表获取列表中的索引值

    list = ["a", "b", "c", "d", "e"] for index, value ...

  2. Redis 笔记(04)— list类型(作为消息队列使用、在列表头部添加元素、尾部删除元素、查看列表长度、遍历指定列表区间元素、获取指定区间列表元素、阻塞式获取列表元素)

    Redis 的列表是链表而不是数组.这意味着 list 的插入和删除操作非常快,时间复杂度为 O(1),但是索引定位很慢,时间复杂度为 O(n). 当列表弹出了最后一个元素之后,该数据结构自动被删除, ...

  3. 每日一课 | 在Python中获取列表的长度和大小

    Python是一种非常具有表现力的语言,它提供了不同的结构来简化开发人员的工作.该列表是python提供的最受欢迎的数据结构之一.在常规工作流程中,我们在列表中添加元素或从列表中删除元素.但是在这种浮 ...

  4. python如何获取列表的长度

    Python是一种非常具有表现力的语言,它提供了不同的结构来简化开发人员的工作.该列表是python提供的最受欢迎的数据结构之一.在常规工作流程中,我们在列表中添加元素或从列表中删除元素.但是在这种浮 ...

  5. Python列表(获取列表中指定元素的索引、获取列表中的多个元素、判断指定元素是否在列表中存在、列表元素的遍历、列表元素的增加操作、 列表元素的删除操作、列表元素的修改操作、列表元素的排序操作)

    1.获取列表中指定元素的索引 eg1:未指定索引范围查找索引 zyr=['憨憨','憨宝'] print(zyr.index('憨宝')) print(zyr[1]) eg2:在指定索引范围内查找元素 ...

  6. python列表长度怎么求_在Python中获取列表的长度和大小

    Python是一种非常具有表现力的语言,它提供了不同的结构来简化开发人员的工作.该列表是python提供的最受欢迎的数据结构之一.在常规工作流程中,我们在列表中添加元素或从列表中删除元素.但是在这种浮 ...

  7. 微信小程序——好看的radio单选项框,wxml里列表中遍历数组获取id传回给js页面

    微信小程序--好看的radio单选项框 第一种 效果图如下: .wxss代码: .view_container {display: flex;flex-direction: row;justify-c ...

  8. python中用len函数获取列表的长度

    我们经常会用到获取一个字符串长度的情况,python提供给了len函数来实现一功能,我们可以通过以下程序进行演示. car_list = ['honda','toyota','suzuki','maz ...

  9. 遍历列表python_python列表的遍历与循环

    在游戏中,可能需要将每个界面元素平移相同的距离: 对于包含数字的列表,可能需要对每个元素执行相同的统计运算: 在网站中,可能需要显示文章列表中的每个标题. 经常需要遍历列表的所有元素,对每个元素执行相 ...

最新文章

  1. opencv_imread出错(release/debug、X86/X64)
  2. 成都铁路警方联合多部门开展反恐防暴演练
  3. 多路归并排序_1600W整数排序多路归并
  4. 利用Python我发现我女朋友每天都在看这种网站
  5. 2017年3月27日上午学习日志
  6. fedora 20 报错: Loaded plugins: langpacks, refresh-packagekit Error: Cannot retrieve metalink for...
  7. MFC工作笔记0010---PeekMessage 详解
  8. 小程序 微信统计表格_微信小程序登录机制
  9. java 微信导航栏_微信小程序教程系列之设置标题栏和导航栏
  10. 使用JNI加载JAVA虚拟机
  11. Beautiful Sequence
  12. 君澜酒店集团与来也股份合作,打造国内“冰雪度假打卡圣地”
  13. endnotex9安装后使用方法_endnotex9使用教程
  14. win7怎么安装mac虚拟机linux,mac虚拟机如何安装win7详细教程
  15. java题目:有n个整数,使其前面各数顺序向后移m个位置,最后m个数变成最前面的m个数
  16. 阿里巴巴电话面试(遭到了阿里的完虐,被一顿痛批)
  17. 深度学习-TextDetection
  18. 4种最常用的诡辩方法
  19. 记录:Flink checkpoint 过期导致失败(线上问题)
  20. 算法数据结构(三十五)----子数组达到累加和的最大长度系列

热门文章

  1. 鞍山钢铁学院计算机学院,辽宁科技大学(原鞍山钢铁学院)
  2. 前端百题斩【024】——我从浏览器控制台看到了五种存储方式
  3. javaweb之MVC购物车(加入购物车,订单,订单详情)
  4. Libsvm java工程实践
  5. matlab中scope怎么保存,如何保存Matlab中Scope的图像以及进行编辑
  6. 关于I2S及音频小结
  7. android go rom下载地址,一步一步学Android ROM开发(一)——修改现有ROM资源文件-Go语言中文社区...
  8. layui表单验证demo
  9. android应用接入第三方推送实践
  10. win7系统32位( 联想)台式电脑自动开机、关机图文详细解(二)