jQuery中odd选择器的定义和用法


Posted in Javascript onDecember 23, 2014

本文实例讲述了jQuery中odd选择器的定义和用法。分享给大家供大家参考。具体分析如下:

此选择器匹配索引值为奇数的元素,从0开始计数。
语法结构:

$(":odd")

此选择器一般也要和其他选择器配合使用,比如类选择器、元素选择器等等。例如:

$("li:odd)").css("color","green")

以上代码是将li元素集合中索引为奇数的li中的字体颜色设置为绿色。
如果没有和其他选择器配合使用,那么默认和*选择器配合使用。$(": odd")等同于$("*: odd")
实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("#btn").click(function(){ 

    $("li:odd").css("color","blue"); 

  }); 

}); 

</script>

</head>

<body>

<ul>

  <li>html专区</li>

  <li>div+css专区</li>

  <li>jQuery专区</li>

  <li>Javascript专区</li>

</ul>

<button id="btn">点击查看效果</button>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
SWFObject Flash js调用类
Jul 08 Javascript
js loading加载效果实现代码
Nov 24 Javascript
动态载入/删除/更新外部 JavaScript/Css 文件的代码
Jul 03 Javascript
jQuery 选择器、DOM操作、事件、动画
Nov 25 Javascript
JS调试必备的5个debug技巧
Mar 07 Javascript
EasyUi datagrid 实现表格分页
Feb 10 Javascript
浅谈JavaScript中的String对象常用方法
Feb 25 Javascript
Express的路由详解
Dec 10 Javascript
jQuery自适应轮播图插件Swiper用法示例
Aug 24 Javascript
jQuery给指定的table动态添加删除行的操作方法
Oct 12 Javascript
分享一个精简的vue.js 图片lazyload插件实例
Mar 13 Javascript
使用store来优化React组件的方法
Oct 23 Javascript
浅析javascript 定时器
Dec 23 #Javascript
JavaScript中自定义事件用法分析
Dec 23 #Javascript
jQuery中even选择器的定义和用法
Dec 23 #Javascript
javascript实现依次输入input自动定焦
Dec 23 #Javascript
使用原生JS实现弹出层特效
Dec 22 #Javascript
jQuery基础知识小结
Dec 22 #Javascript
jQuery异步获取json数据方法汇总
Dec 22 #Javascript
You might like
PHP获取浏览器信息类和客户端地理位置的2个方法
2014/04/24 PHP
PHP中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
PHP实现多维数组转字符串和多维数组转一维数组的方法
2015/08/08 PHP
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
2012/07/20 Javascript
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
select标记美化--JS式插件、后期加载
2013/04/01 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
JavaScript设计模式之单例模式实例
2014/09/24 Javascript
jQuery消息提示框插件Tipso
2015/05/04 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
jQuery解析Json实例详解
2015/11/24 Javascript
Node.js操作Firebird数据库教程
2016/03/04 Javascript
d3.js中冷门却实用的内置函数总结
2017/02/04 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
nodejs个人博客开发第五步 分配数据
2017/04/12 NodeJs
ES6深入理解之“let”能替代”var“吗?
2017/06/28 Javascript
layer父页获取弹出层输入框里面的值方法
2019/09/02 Javascript
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
js仿360开机效果
2019/12/26 Javascript
如何在Vue项目中添加接口监听遮罩
2021/01/25 Vue.js
[06:36]吞吞映像top1
2014/06/20 DOTA
[37:35]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第二局
2016/02/25 DOTA
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
Python计算字符宽度的方法
2016/06/14 Python
介绍一款python类型检查工具pyright(推荐)
2019/07/03 Python
详解django使用include无法跳转的解决方法
2020/03/19 Python
基于Tensorflow读取MNIST数据集时网络超时的解决方式
2020/06/22 Python
卡骆驰德国官方网站:Crocs德国
2019/03/29 全球购物
毕业生自我鉴定范文
2013/11/08 职场文书
机械机修工岗位职责
2014/08/03 职场文书
农村文化建设标语
2014/10/07 职场文书
教师节联欢会主持词
2015/07/04 职场文书
小学运动会加油稿
2015/07/22 职场文书
房产销售员2015年终工作总结
2015/10/22 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书