jQuery的:even选择器用于匹配所有索引值为偶数的元素,将其封装为jQuery对象并返回。

与该选择器相对的是:odd选择器,用于匹配所有索引值为奇数的元素。

注意:由于索引值是从0开始计数的,因此索引为偶数的元素实际上是自然顺序为奇数的元素。

概述

匹配所有索引值为偶数的元素,从 0 开始计数

示例

描述:

查找表格的1、3、5...行(即索引值0、2、4...)

HTML 代码:

Header 1
Value 1
Value 2

jQuery 代码:$("tr:even")

结果:[

Header 1, Value 2 ]

返回值

返回封装了匹配选择器selector的DOM元素中索引值为偶数的DOM元素的jQuery对象。

如果没有与选择器selector匹配的元素,则返回空的jQuery对象。

以下面这段HTML代码为例:

  • item1
  • item2
  • item3
cell1
cell2
cell3

现在,我们想要查找自然顺序为奇数(索引值为偶数)的div标签,则可以编写如下jQuery代码:// 选择了id分别为n1、n7的两个元素

$("div:even");

接着,查找表格中的所有奇数行(索引值为偶数),则可以编写如下jQuery代码:// 选择了id分别为n9、n11的两个元素

$("tr:even");

结果:

jq匹配偶数行_jQuery 偶数选择器(:even )的介绍相关推荐

  1. jq匹配偶数行_jquery怎么实现奇偶行不同背景颜色?

    做表格的时候,经常要让奇偶行显示不同背景色,一来使表格显得更美观,二来使同行数据查找更快捷方便.通常我们是怎么实现的呢?就是在每个tr标签上加css样式. 代码如下所示: .odd { backgro ...

  2. shell 删除奇数偶数行

    今天总结一个正则的东西匹配和替换的删除奇数行和偶数行来理解模式空间以及模式空间是如何保存.标记数据的 删除偶数行: %s/\(^.*$\)\n^.*$/\1/g 删除奇数行: %s/^.*$\n\(^ ...

  3. linux用shell奇数打印星号,shell 打印偶数行-奇数行 ,打印行号

    打印行号awk '{print NR":"$0}' 打印偶数行.奇数行 (1)  awk '{print $0 > NR%2}'  file (2)sed -n '1~2p' ...

  4. python列表中删除奇数行_shell 删除奇数偶数行

    今天总结一个正则的东西匹配和替换的删除奇数行和偶数行来理解模式空间以及模式空间是如何保存.标记数据的 删除偶数行: %s/\(^.*$\)\n^.*$/\1/g 删除奇数行: %s/^.*$\n\(^ ...

  5. linux获取偶数行内容,linux命令(39):shell 打印偶数行,奇数行 ,行号

    awk 命令: 1. 打印行号和内容: awk '{print NR":"$0}' 2. 输出:偶数行和奇数行到文件 awk '{print $0.txt > NR%2.tx ...

  6. 使用jquery实现隔行换色($(tbody tr:odd)获取奇数行和$(tbody tr:even)获取偶数行)以及CSS类操作addClass()的使用

    使用jquery实现隔行换色 技术分析 最主要的就是jquery的选择器 获取tbody的奇数行("tbodytr:odd")设置背景颜色在获取tbody的偶数行("tb ...

  7. 奇或偶数行高亮显示及鼠标划过高亮显示类

    奇或偶数行高亮显示及鼠标莫过高亮显示,一个经常用到的效果,也能谷歌到大把的这种效果JS,但好像还没有一个封装成类直接用的.想象自己当初谷歌这个类时,还真没少折腾时间. 花了点时间,封装成了一个类(附带 ...

  8. notepad++ 偶数行_C ++程序查找前N个偶数的立方和

    notepad++ 偶数行 The problem is we have a number N and we have to find sum of first N Even natural numb ...

  9. 实战演练 | 数据库中检索奇数或偶数行的简单方法

    从表中仅选择奇数行或偶数行听起来像是你永远不必做的事情,除非你自行这样做.在谷歌快速搜索一下,可以证实这事情是经常有人会做的,但是,很少有数据库从业者知道如何做,他们总是在线数据库社区求助寻找答案.作 ...

  10. c语言6行6列元素奇数的个数,C语言任意输入n个整数,分别统计奇数的和.奇数的个数.偶数的和.偶数的个数....

    输入任意2个整数m和n,计算并输出这两个数(包括这2个数)之间所有奇数之和(C语言) //#includevoidmain(){intm,n,i,min,max;printf("Please ...

最新文章

  1. Assets.car 桌面解压工具
  2. HTML5对音频的支持
  3. php的框架目录,Laravel 框架目录结构
  4. python修改文件内容最后一行_关于python:如何修改文件的最后一行?
  5. “智慧停车+智慧交通”提高市民出行效率和体验
  6. phpcms v9网站的数据库配置文件在哪
  7. 【爬虫剑谱】二卷2章 实战篇-精美动漫图片爬取并保存
  8. 股票的资产重组什么意思?
  9. spark 读取ftp_scala – 使用ftp在Apache Spark中的远程计算机上读取文件
  10. python词云可视化方法总结记录【简单词云+背景图片词云+自定义字体颜色词云】
  11. python之6-1常用函数
  12. android 开启离屏缓存,Android性能优化笔记(持续更新帖)
  13. Java、Python网页项目,纯前端项目,无后端参考代码,谨慎下载,全网可视性超强Web项目,免费源码,Js、Html、Css组合网页,可衔接数据库,数据可自行修改,可使用SSM、SpringBoo
  14. 在Xcode编译的时候,报这个错误"library not found for -
  15. CANTest连接设备失败
  16. smobiler自适应不同手机分辨率
  17. Linux系统CentOS7破解密码
  18. 多元函数第六:连续函数(5)康托尔(Cantor)闭集套定理
  19. 山寨google, 新做了1个网站 googler.cc ,做的很山寨 喜欢的朋友可以去看看哈
  20. 《大学之路》读后感(1)

热门文章

  1. 英雄联盟3月17日服务器维护,英雄联盟将于3月17日凌晨2点开始进行全区停机维护...
  2. SpringCloud Hoxton——Bus服务消息总线
  3. Swift游戏实战-跑酷熊猫 04 熊猫的跳和滚的动作
  4. 快速入门Unity机器学习:三:
  5. Ant design vue 表格合并 合并行 合并列
  6. 浅显易懂描述傅立叶级数和傅立叶变换的关系
  7. 等效距离计算公式_等效焦距换算(等效焦距的计算公式)
  8. windows 大容量存储设备驱动异常(代码:39)U盘由于驱动问题无法用的解决方法
  9. 北大计算机就业报告,北京大学信息科学技术学院解读和毕业生就业统计
  10. 计算机网络ping所有用法,电脑Ping命令的使用大全