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 相关文章推荐
贴一个在Mozilla中常用的Javascript代码
Jan 09 Javascript
js 禁止选择功能实现代码(兼容IE/Firefox)
Apr 23 Javascript
js下将金额数字每三位一逗号分隔
Feb 19 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
Jun 20 Javascript
AngularJS双向绑定和依赖反转实例详解
Apr 15 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
Apr 18 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
详解Vue前端对axios的封装和使用
Apr 01 Javascript
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
Apr 28 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
Jun 24 Javascript
五句话帮你轻松搞定js原型链
Dec 09 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
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
2015/08/23 PHP
JavaScript入门教程(11) js事件处理
2009/01/31 Javascript
javascript forEach通用循环遍历方法
2010/10/11 Javascript
jQuery学习笔记之Helloworld
2010/12/22 Javascript
js与jQuery 获取父窗、子窗的iframe
2013/12/20 Javascript
Java/JS获取flash高宽的具体方法
2013/12/27 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
2015/12/08 Javascript
关于JS 预解释的相关理解
2016/06/28 Javascript
jquery 校验中国身份证号码实例详解
2017/04/11 jQuery
jquery.form.js异步提交表单详解
2017/04/25 jQuery
js学习心得_一个简单的动画库封装tween.js
2017/07/14 Javascript
原生javascript实现文件异步上传的实例讲解
2017/10/26 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
详解如何在Angular优雅编写HTTP请求
2018/12/05 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
2019/04/10 Javascript
ReactRouter的实现方法
2021/01/25 Javascript
[01:00:04]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第二局
2016/02/26 DOTA
python下载图片实现方法(超简单)
2017/07/21 Python
python实现拓扑排序的基本教程
2018/03/11 Python
Python爬虫的两套解析方法和四种爬虫实现过程
2018/07/20 Python
python发送告警邮件脚本
2018/09/17 Python
python实现自动登录
2018/09/17 Python
python多进程控制学习小结
2018/10/31 Python
python for 循环获取index索引的方法
2019/02/01 Python
python中的print()输出
2019/04/12 Python
django+tornado实现实时查看远程日志的方法
2019/08/12 Python
python模拟点击玩游戏的实例讲解
2020/11/26 Python
英国折扣零售连锁店:QD Stores
2018/12/08 全球购物
《悯农》教学反思
2014/04/28 职场文书
会计个人实习计划书
2014/08/15 职场文书
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
2022/04/13 Java/Android
Redis实现分布式锁的五种方法详解
2022/06/14 Redis