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 相关文章推荐
获取DOM对象的几种扩展及简写
Oct 09 Javascript
纯文字版返回顶端的js代码
Aug 01 Javascript
json格式的时间显示为正常年月日的方法
Sep 08 Javascript
很棒的js选项卡切换效果
Jul 15 Javascript
扩展jquery easyui tree的搜索树节点方法(推荐)
Oct 28 Javascript
vue.js移动端app实战1:初始配置详解
Jul 24 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
Mar 17 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
Apr 26 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 Javascript
Node.js API详解之 assert模块用法实例分析
May 26 Javascript
Vue如何将页面导出成PDF文件
Aug 17 Javascript
vue实现抽屉弹窗效果
Nov 15 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
第一个无线电台是由谁发明的
2021/03/01 无线电
浅谈PHP语法(1)
2006/10/09 PHP
详细解读PHP中接口的应用
2015/08/12 PHP
详解WordPress中创建和添加过滤器的相关PHP函数
2015/12/29 PHP
php结合ajax实现手机发红包的案例
2016/10/13 PHP
mac pecl 安装php7.1扩展教程
2019/10/17 PHP
动态创建样式表在各浏览器中的差异测试代码
2011/09/13 Javascript
js 页面元素的几个用法总结
2013/11/18 Javascript
javascript如何创建对象
2016/08/29 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
2016/10/05 Javascript
Vue.js使用v-show和v-if的注意事项
2016/12/13 Javascript
详解vue-validator(vue验证器)
2017/01/16 Javascript
JS实现异步上传压缩图片
2017/04/22 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
2018/03/01 Javascript
nodejs实现的简单web服务器功能示例
2018/03/15 NodeJs
详解Vue中使用Echarts的两种方式
2018/07/03 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
2019/05/15 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
2020/07/20 Javascript
Python序列循环移位的3种方法推荐
2018/04/09 Python
python 实现倒排索引的方法
2018/12/25 Python
python爬虫库scrapy简单使用实例详解
2020/02/10 Python
Numpy 理解ndarray对象的示例代码
2020/04/03 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
菲律宾领先的在线时尚商店:Zalora菲律宾
2018/02/08 全球购物
个性化皮包、小袋、生活配件:Mon Purse
2019/03/26 全球购物
大学自我鉴定范文
2013/12/26 职场文书
酒店门卫岗位职责
2013/12/29 职场文书
自我介绍演讲稿
2014/01/15 职场文书
新闻编辑专业自荐信
2014/07/02 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
中学生运动会通讯稿大全
2014/09/18 职场文书
营销与策划实训报告
2014/11/05 职场文书
结婚喜宴祝酒词
2015/08/10 职场文书
医院中层管理人员培训心得体会
2016/01/11 职场文书
干部外出学习心得体会
2016/01/18 职场文书
2019年公司快递收发管理制度模板
2019/11/20 职场文书