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 相关文章推荐
CLASS_CONFUSION JS混淆 全源码
Dec 12 Javascript
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
Oct 18 Javascript
JS 跳转页面延迟2种方法
Mar 29 Javascript
用jquery方法操作radio使其默认选项是否
Sep 10 Javascript
jquery动态加载js/css文件方法(自写小函数)
Oct 11 Javascript
jQuery下拉美化搜索表单效果代码分享
Aug 25 Javascript
jQuery EasyUI 获取tabs的实例解析
Dec 06 Javascript
JS中input表单隐藏域及其使用方法
Feb 13 Javascript
JavaScript实现按键精灵的原理分析
Feb 21 Javascript
Vuex新手的理解与使用详解
May 31 Javascript
详解JavaScript作用域 闭包
Jul 29 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
将数字格式的计算结果转为汉字格式
2006/10/09 PHP
php中文字母数字验证码实现代码
2008/04/25 PHP
zend optimizer在wamp的基础上安装图文教程
2013/10/26 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
浅析ThinkPHP缓存之快速缓存(F方法)和动态缓存(S方法)(日常整理)
2015/10/26 PHP
php利用gd库为图片添加水印
2016/11/09 PHP
PHP使用Nginx实现反向代理
2017/09/20 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
别了 JavaScript中的isXX系列
2012/08/01 Javascript
深入分析JSONP跨域的原理
2014/12/10 Javascript
jquery实现左右无缝轮播图
2020/07/31 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
微信小程序页面开发注意事项整理
2017/05/18 Javascript
jQuery简单绑定单个事件的方法示例
2017/06/10 jQuery
在Vue中使用echarts的实例代码(3种图)
2017/07/10 Javascript
微信小程序使用for循环动态渲染页面操作示例
2018/12/25 Javascript
带你使用webpack快速构建web项目的方法
2020/11/12 Javascript
关于你不想知道的所有Python3 unicode特性
2014/11/28 Python
200行自定义python异步非阻塞Web框架
2017/03/15 Python
回调函数的意义以及python实现实例
2017/06/20 Python
pygame 精灵的行走及二段跳的实现方法(必看篇)
2017/07/10 Python
Python调用C# Com dll组件实战教程
2017/10/12 Python
Sublime开发python程序的示例代码
2018/01/24 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
python并发爬虫实用工具tomorrow实用解析
2019/09/25 Python
python:动态路由的Flask程序代码
2019/11/22 Python
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
HTML5实现一个能够移动的小坦克示例代码
2013/09/02 HTML / CSS
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
学校安全责任书
2014/04/14 职场文书
关于成绩下滑的自我检讨书
2014/09/20 职场文书
普通党员对照检查材料
2014/09/24 职场文书
写景作文评语集锦
2014/12/25 职场文书
平凡的世界读书笔记
2015/06/25 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
关于职业道德的心得体会
2016/01/18 职场文书