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


Posted in Javascript onDecember 23, 2014

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

此选择器匹配所有索引值为偶数的元素,从0开始计数。

语法结构:

$(":even")

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

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

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

<!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:even").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>

以上代码可以将索引值为偶数的li元素中的字体颜色设置为蓝色。

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

Javascript 相关文章推荐
ajax无刷新动态调用股票信息(改良版)
Nov 01 Javascript
jQuery 判断页面元素是否存在的代码
Aug 14 Javascript
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
百度地图API之百度地图退拽标记点获取经纬度的实现代码
Jan 12 Javascript
深入理解Javascript箭头函数中的this
Feb 13 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
Jun 15 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
Jun 29 Javascript
layer弹出层 iframe层去掉滚动条的实例代码
Aug 17 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
Apr 24 Javascript
JavaScript原型式继承实现方法
Nov 06 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 Javascript
javascript实现依次输入input自动定焦
Dec 23 #Javascript
使用原生JS实现弹出层特效
Dec 22 #Javascript
jQuery基础知识小结
Dec 22 #Javascript
jQuery异步获取json数据方法汇总
Dec 22 #Javascript
jQuery的观察者模式详解
Dec 22 #Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
Dec 22 #Javascript
sails框架的学习指南
Dec 22 #Javascript
You might like
非常好用的Zend Framework分页类
2014/06/25 PHP
PHP判断FORM表单或URL参数来的数据是否为整数的方法
2016/03/25 PHP
js 绑定带参数的事件以及手动触发事件
2010/04/27 Javascript
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
2012/04/20 Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
2014/12/22 Javascript
jQuery中removeProp()方法用法实例
2015/01/05 Javascript
AngularJS的一些基本样式初窥
2015/07/27 Javascript
浅析BootStrap栅格系统
2016/06/07 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/10/05 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
微信小程序的分类页面制作
2017/06/27 Javascript
js实现倒计时器自定义时间和暂停
2019/02/25 Javascript
Vue开发Html5微信公众号的步骤
2019/04/11 Javascript
详解ES6 扩展运算符的使用与注意事项
2020/11/12 Javascript
[15:58]DOTA2国际邀请赛采访专栏:Tongfu.Sansheng&KingJ,DK.rOtk
2013/08/08 DOTA
[01:15:45]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第一局
2016/02/26 DOTA
使用python实现递归版汉诺塔示例(汉诺塔递归算法)
2014/04/08 Python
python使用socket连接远程服务器的方法
2015/04/29 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
详解将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法
2019/07/06 Python
python字符串切割:str.split()与re.split()的对比分析
2019/07/16 Python
Python使用APScheduler实现定时任务过程解析
2019/09/11 Python
pandas 像SQL一样使用WHERE IN查询条件说明
2020/06/05 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
Python2.x与3​​.x版本有哪些区别
2020/07/09 Python
Python常驻任务实现接收外界参数代码解析
2020/07/21 Python
密封类可以有虚函数吗
2014/08/11 面试题
大学生四年生活自我鉴定
2013/11/21 职场文书
建筑工程管理专业自荐信范文
2013/12/28 职场文书
甜品店创业计划书
2014/09/21 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
2015年女职工工作总结
2015/05/15 职场文书
学长教您写论文:经验总结
2019/07/09 职场文书
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
2021/04/17 Vue.js
基于Redis过期事件实现订单超时取消
2021/05/08 Redis