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 相关文章推荐
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 Javascript
NODE.JS加密模块CRYPTO常用方法介绍
Jun 05 Javascript
判断iframe里的页面是否加载完成
Jun 06 Javascript
jQuery中clone()方法用法实例
Jan 16 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
Jul 05 Javascript
js实现常用排序算法
Aug 09 Javascript
node安装--linux下的快速安装教程
Mar 21 Javascript
浅谈Node.js之异步流控制
Oct 25 Javascript
js中apply与call简单用法详解
Nov 06 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
Feb 11 Javascript
Paypal支付不完全指北
Jun 04 Javascript
原生JS实现拖拽效果
Dec 04 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
比file_get_contents稳定的curl_get_contents分享
2012/01/11 PHP
PHP Parse Error: syntax error, unexpected $end 错误的解决办法
2012/06/05 PHP
浅析PHP中strlen和mb_strlen的区别
2014/08/31 PHP
php中实现获取随机数组列表的自定义函数
2015/04/02 PHP
PHP中SSO Cookie登录分析和实现
2015/11/06 PHP
关于Curl在Swoole协程中的解决方案详析
2019/09/12 PHP
JavaScript 创建对象和构造类实现代码
2009/07/30 Javascript
jQuery帮助之筛选查找 children([expr])
2011/01/31 Javascript
解决Extjs上传图片无法预览的解决方法
2012/03/22 Javascript
web性能优化之javascript性能调优
2012/12/28 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
2014/07/17 Javascript
javascript使用window.open提示“已经计划系统关机”的原因
2014/08/15 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
2015/03/03 Javascript
详解js实现线段交点的三种算法
2016/08/09 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/10/05 Javascript
浅谈Angularjs link和compile的使用区别
2016/10/21 Javascript
微信小程序slider组件使用详解
2018/01/31 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
2018/12/10 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
2020/03/08 Javascript
[56:00]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第二场
2018/04/10 DOTA
Python之re操作方法(详解)
2017/06/14 Python
tensorflow构建BP神经网络的方法
2018/03/12 Python
浅谈pycharm的xmx和xms设置方法
2018/12/03 Python
python实现监控阿里云账户余额功能
2019/12/16 Python
Tensorflow训练MNIST手写数字识别模型
2020/02/13 Python
Python如何操作docker redis过程解析
2020/08/10 Python
python logging模块的使用
2020/09/07 Python
全天然狗零食:Best Bully Sticks
2016/09/22 全球购物
英国知名化妆品网站:Revolution Beauty(原TAM Beauty)
2018/02/28 全球购物
《诚实与信任》教学反思
2014/04/10 职场文书
一年级学生评语
2014/04/23 职场文书
单位工资证明范本
2015/06/12 职场文书
新教师2015年度工作总结
2015/07/22 职场文书
技术转让协议书
2016/03/19 职场文书
Python连续赋值需要注意的一些问题
2021/06/03 Python
python实现局部图像放大
2021/11/17 Python