http://www.sufeinet.com/plugin.php?id=keke_group

苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

分布式系统框架(V2.0) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper爬虫框架(V2.7-含.netcore) HttpHelper官方出品,爬虫框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V2.0) 开源的爬虫类,支持多种模式和属性 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 4619|回复: 2

[Jquery] jQuery选择器使用方法简介

[复制链接]
发表于 2012-12-26 11:34:16 | 显示全部楼层 |阅读模式
1. :first用法定义:匹配找到的第一个元素
返回值:Element
实例:将ID为"ul_1"的ul中的第一个Li元素的背景色改为红色
代码: $("#ul_1 li:first").css("background-color","red");  


    ul ID="ul_1"
  • Li 1
  • Li 2
  • Li 3
  • Li 4
  • Li 5
  • Li 6
  • Li 7
  • Li 8

2. :last用法定义:匹配找到的最后一个元素
返回值:Element
实例:将ID为"ul_2"的ul中的最后一个Li元素的背景色改为红色
代码: $("#ul_2 li:last").css("background-color","red");  


    ul ID="ul_2"
  • Li 1
  • Li 2
  • Li 3
  • Li 4
  • Li 5
  • Li 6
  • Li 7
  • Li 8

3. :not(selector)用法定义:去除所有与给定选择器匹配的元素
返回值:Array<Element>
参数:selector (Selector) : 用于筛选的选择器
实例:将ID为"ul_3"的ul中除最后一个Li元素以外的其他Li元素的背景色改为红色
代码: $("#ul_3 li:not(li:last)").css("background-color","red");  


    ul ID="ul_3"
  • Li 1
  • Li 2
  • Li 3
  • Li 4
  • Li 5
  • Li 6
  • Li 7
  • Li 8


4. :even用法定义:匹配所有索引值为偶数的元素,从 0 开始计数
返回值:Array<Element>
实例:将ID为"ul_4"的ul中索引为偶数的Li元素的背景色改为红色(注:索引从0开始)
代码: $("#ul_4 li:even").css("background-color","red");


    ul ID="ul_4"
  • Li 1
  • Li 2
  • Li 3
  • Li 4
  • Li 5
  • Li 6
  • Li 7
  • Li 8


5. :odd用法定义:匹配所有索引值为奇数的元素,从 0 开始计数
返回值:Array<Element>
实例:将ID为"ul_5"的ul中索引为奇数的Li元素的背景色改为红色(注:索引从0开始)
代码: $("#ul_5 li:odd").css("background-color","red");  


    ul ID="ul_5"
  • Li 1
  • Li 2
  • Li 3
  • Li 4
  • Li 5
  • Li 6
  • Li 7
  • Li 8


6. :eq(index)用法定义:匹配一个给定索引值的元素
返回值:Element
参数:index (Number) : 从 0 开始计数
实例:将ID为"ul_6"的ul中索引为3的Li元素的背景色改为红色(注:索引从0开始)
代码: $("#ul_6 li:eq(3)").css("background-color","red");  


    ul ID="ul_6"
  • Li 1
  • Li 2
  • Li 3
  • Li 4
  • Li 5
  • Li 6
  • Li 7
  • Li 8


7. :gt(index)用法定义:匹配所有大于给定索引值的元素
返回值:Array<Element>
参数:index (Number) : 从 0 开始计数
实例:将ID为"ul_7"的ul中索引值大于3的Li元素的背景色改为红色(注:索引从0开始)
代码: $("#ul_7 li:gt(3)").css("background-color","red");  


    ul ID="ul_7"
  • Li 1
  • Li 2
  • Li 3
  • Li 4
  • Li 5
  • Li 6
  • Li 7
  • Li 8


8. :lt(index)用法定义:匹配所有小于给定索引值的元素
返回值:Array<Element>
参数:index (Number) : 从 0 开始计数
实例:将ID为"ul_8"的ul中索引值小于3的Li元素的背景色改为红色(注:索引从0开始)
代码: $("#ul_8 li:lt(3)").css("background-color","red");  


    ul ID="ul_8"
  • Li 1
  • Li 2
  • Li 3
  • Li 4
  • Li 5
  • Li 6
  • Li 7
  • Li 8


9. :header用法定义:匹配如 h1, h2, h3之类的标题元素
返回值:Array<Element>
实例:将ID为"div_1"的DIV中所有header(标题)元素的背景色改为红色
代码: $("#div_1 :header").css("background-color","red");  DIV ID="div_1" P标记
span标记 H1H2H3H4H5H6


10. :animated用法定义:匹配所有正在执行动画效果的元素
返回值:Array<Element>
实例:将ID为"div_2"的DIV中没有执行动画效果的元素的背景色改为红色
代码: $("#div_2 :not(:animated)").css("background-color","red");  DIV id="div_2"
span标记&#65279;



1. 开通SVIP会员,免费下载本站所有源码,不限次数据,不限时间
2. 加官方QQ群,加官方微信群获取更多资源和帮助
3. 找站长苏飞做网站、商城、CRM、小程序、App、爬虫相关、项目外包等点这里
发表于 2012-12-26 12:23:02 | 显示全部楼层
如果使用代码格式化一下会更好
发表于 2013-5-5 19:18:07 | 显示全部楼层
顶.支持,路过!
您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备18043678号-2)

GMT+8, 2024-11-1 06:53

© 2014-2021

快速回复 返回顶部 返回列表