html选择元素 :odd :even 基础用法一
编辑：Simone
2024-11-21 08:47:27
585 阅读
今天我们来了解下:even和:odd的用法，:odd选取的是偶数，:even选取的是奇数。
打开DW软件，做出几个相同的形状，如图建立了6个相同的div，div里面又包含h3标签，
在浏览器中预览效果，如图
添加对div的描述，想要将偶数列背景变为灰色，偶数列需要用到:odd
所以需要输入
$("div:odd").css("background-color","gray")
看下浏览器预览效果，2、4、6都是偶数列，所以所建立div背景变为了灰色
然后来设置下:even奇数的使用，将奇数列设置为背景为红色
$("div:even").css("background-color","red")
保存文件，在浏览器中预览效果，如图奇数列1、3、5变为了红色背景
根据同样的道理，只要是相同的标签，就可以进行奇数和偶数的排列，然后我们对所有的h3进行设置一下
$("h3:odd").css("color","white")
$("h3:even").css("color","yellow")
如图显示为最终效果，都是呈奇偶数呈现的。
版权声明：本站【趣百科】文章素材来源于网络或者用户投稿，未经许可不得用于商用，如转载保留本文链接：https://www.qubaik.com/article/71271.html
