jQuery学习:表单隔行变色 使用奇数选择器

最新推荐文章于 2024-09-12 08:54:42 发布
最新推荐文章于 2024-09-12 08:54:42 发布
阅读量135 收藏
点赞数
分类专栏： jquery 文章标签： jquery 学习 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47295886/article/details/127777177
版权

会自动添加一个tbody  使用奇数选择器 :odd

	<script src="js/jquery-3.6.1.js"></script>
	<style>
	
		#tb,tr,td{
			border: 1px black solid;
			border-collapse:collapse;
			padding: 5px;
		}
		
	</style>
	<body>
		<table id="tb">
			<tr>
				<td>AAAAA</td>
				<td>BBBBB</td>
				<td>CCCCC</td>
				<td>DDDDD</td>
			</tr>
			<tr>
				<td>AAAAA</td>
				<td>BBBBB</td>
				<td>CCCCC</td>
				<td>DDDDD</td>
			</tr>
			<tr>
				<td>AAAAA</td>
				<td>BBBBB</td>
				<td>CCCCC</td>
				<td>DDDDD</td>
			</tr>
			<tr>
				<td>AAAAA</td>
				<td>BBBBB</td>
				<td>CCCCC</td>
				<td>DDDDD</td>
			</tr>
		</table>

			$('#tb>tbody>tr:odd').css('background-color','coral');

 

¡Venceremo
关注
专栏目录
jquery奇偶选择器_jQuery选择器
weixin_36486395的博客
12-31 848
1.基本选择器(3种):$("标签名"),如$("p")是选取了所有的p标签节点$("#id名"),如$("#test")是选取了id为test的标签节点$(".class名"),如$(".test")是选取了所有class为test的标签节点上面的$("标签名")和$(".class名")返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt等等.*：匹配所有元素2.组选择...
css奇数偶数选择器_AJAX||Jquery各种选择器（js笔记）
weixin_39800990的博客
11-23 263
“永远相信美好的事情即将发生”——小米你可以不喜欢小米，但是请佩服雷军事件事件是JS引擎内置的，预先定义的函数变量事件可能被游览器触发，也可能由用户触发事件触发时，JS引擎会按照一定的规则调用这些变量的函数事件可编程同步 || 异步事件的三种绑定方法：onTYPE = function(e){}优点：兼容性好缺点：只能绑定一个函数，等同于写在DOM上的attributeeventTarg...
Angular JS伪类选择器（奇偶行样式）
小妖666个人笔记
02-27 790
table tr:nth-child(odd) { background-color: #f1f1f1; } table tr:nth-child(even) { background-color: #ffffff; } 如上，:nth-child(odd)匹配序列号为奇数的元素，:nth-child(even)匹配序列号为偶数的元素。 ...
js选择器和jquery选择器
三五月儿的专栏
01-14 8647
1、元素、属性、标签的关系 html文档由嵌套的html元素组成，一个html元素包含开始标签和结束标签。属性是html元素提供的附加信息。下面的例子中定义了一个div元素，id、name、class是元素属性，而是组成元素的标签。选择器的作用就是获取满足指定条件的元素。这里的条件可以是元素的id、name、标签名、class名，还可以根据元素的属性来进行选择。2、js选择器 getElemen
jQuery 的选择器：隔行变色加高亮显示
赚钱养自个儿的博客
05-10 1122
要求 仿股票等表单显示数据，各行变色，外加高亮显示，具体表现如下图： 1）所有展示数据各行变色，颜色自定义。 2）鼠标进入后高亮显示，移开后恢复。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-S5lX39oo-1588933177993)(images/001.png)] 训练目标 学会使用 jQuery 的选择器，熟练样式操作 css()。 训练提示 1.获取奇数行和偶数行 2.设置不一样的颜色 3.鼠标进入设置其他颜色 4.移开恢复正常或者鼠标进入重新设置隔行变
jQuery过滤选择器新手练习（又是隔行变色）-来自于三人行慕课
weixin_44424187的博客
07-01 249
原文来源：https://www.3mooc.com/front/articleinfo/186 上次发过一篇jQuery关于DOM对象和jQuery对象使用的隔行变色效果实现的新手练习文章。 今天在这里再做一次隔行变色，来练习使用jQuery过滤选择器。 第一步：创建HTML 我是第1个li 我是第2个li 我是第3个li 我是第4个li 我是第5个li 我是第6个li 我是第7个li 我是第...
jQuery学习笔记之jQuery选择器的使用
12-08
本文将深入探讨jQuery选择器的使用，包括基本选择器、层次选择器、过滤选择器、内容过滤、可见性过滤、属性过滤、子元素过滤选择器以及表单属性过滤。 一、基本选择器 1. #id：通过ID选择元素，如`$("#id1")`会选取...
jQuery选择器之基本过滤选择器用法实例分析
10-17
5. :odd选择器：与:even相对应，:odd选择器匹配所有索引值为奇数的元素。选取所有奇数行的tr元素可以使用$("tr.item:odd")。 6. :eq(index)选择器：此选择器匹配一个给定索引值的元素，索引值也是从0开始。选取某个...
jQuery--过滤选择器实现隔行变色-表单选择器实现全选或全不选
CheriYu的博客
08-21 1234
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>
jQuery实现表格隔行变色
叶为正的博客
11-06 4602
隔行变色 在很多项目中，当然可以避免使用table，而使用div来替代，但是为了能够快速的交付项目，而且对网络优化以及搜索引擎没有太高的妥协的话，我们当然可以使用喜闻乐见的表格来进行布局。使用表格布局非常适合项目团队中有很多都是新成员，技术尚未成熟到可以从容判断div的布局会带来什么问题的情况。下面是使用table进行布局实现表格中隔行变色以及关键字高亮显示的jQuery实现。 这里要注意几个
js的选择器
m0_62903673的博客
06-13 5251
JS选择器
JQuery入门——选择器实现隔行变色
liang408015204的专栏
01-04 1279
1、JQuery选择器继承了CSS、path语音的部分语法，允许通过标签名、属性名、内容对DOM元素进行快速、准确的选择。 2、JQuery选择器与JavaScript相比，具有代码简单、完善的检测机制的优势。 3、使用JQuery选择器实现隔行变色，示例代码如下：     使用JQuery实现隔行变色               body{font-siz
使用jQuery实现隔行变色
liu_111111的专栏
04-18 1222
jQuery选择器继承了CSS与Path语言的部分语法，允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择，而不必担心浏览器的兼容性，通过jQuery选择器对页面元素的精准定位，才能完成元素性和行为的处理。 选择器的优势？ 与传统的JavaScript获取页面元素和便携食物相比，jQuery选择器具有明显的优势，具体表现在一下两个方面： *代码更简单 *完善的检测机制 -->
css奇数偶数选择器_css高级选择器和基本选择器
weixin_39558521的博客
11-28 1042
黑马程序员成都java基础班 32期 2019.10.15开班黑马程序员成都python基础班 3期 2019.10.24开班黑马程序员成都前端基础班 4期 2019.8.23开班黑马程序员成都java基础班 31期 2019.8.28开班黑马程序员成都UI基础班 2期 2019.10.15开班ID选择器>类选择器>标签选择器行内样式>内部样式>外部样式*结构伪类选择器 一...
CSS中奇数选择器与偶数选择器，一句代码怎么实现？
热门推荐
hu_lanlan的博客
11-06 6万+
p标签下的奇数行与偶数行p:nth-child(odd){} //奇数行p:nth-child(even){} //偶数行:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。
jquery选择器tr:even获取偶数行、tr:odd 获取奇数行
wzx735481897的博客
06-19 1万+
在jquery中： $('table tr:even')  -> 表示获取一个table 所有的索引为偶数的行， 其中索引index 从0开始算起， 0算偶数！ $('table tr:odd')  ->   表示获取一个table 所有的索引为奇数的行， 其中索引index 从0开始算起， 0算奇数！ Eg： 创建一个有6行数据的表格， 让奇数行的背景色为green，
UEFI学习笔记（五）：EDK II PCD的概念、类型、使用
qq_44189622的博客
09-11 831
如果在BIOS里面有一些模块是binary方式集成进来的而这些binary又需要用到PCD（用于Binary Release），那么这些Binary集成的要用到的PCD就必须要设置为。PCD的值存在memory里面，下次启动时，上次更改的值丢失了，每次启动都是从default值开始。是存在VPD空间的（在FLASH上，只读），一般是出厂配置。如果platform是从源码build出来的，没有binary在里面的时候，PCD用的都是。作用域在一个模块中（模块级的），可以在Binary Level进行修改。
计算几何学习
最新发布
网安小白
09-12 438
学习计算几何过程中对经典算法的记录
jQuery基础操作：选择器与表单控制技巧
在本文中，我们将深入探讨jQuery的选择器及其在表单操作中的应用。 1. **jQuery选择器**： - `$("#myElement")`：这是通过id选择器选取具有特定id（如'myElement'）的元素。id在页面上应该是唯一的，用于精确定位...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值