jQuery常见的二十五种选择器

原创 2012年03月21日 19:53:30

//这是我总接的笔记,希望对你们有所帮助


1)#id   根据给定的iD匹配元素                      例:$(#id")

2)class类选择器  根据给定的类匹配元素   例:$(".class")

3)element选择器    根据给定的元素选择       例;$("div")

4)*选择器   选择所有元素                                例:$('*')

5)selevtor1,select2......selectn   将每一个选择器匹配到的元素合并后一起返回  例:$('div span,p span')

6)pav span 获取pav下所有的span标签   例:$('pav span')

7)pav >span 在给定的父元素下匹配所有的子元素但不包含所有后代元素  例:$("div>span')

8)pav+next 匹配所有紧接在 prev 元素后的 next 元素  例:$('div+span')只能获取到div紧邻的span如果没有则什么也不返回

9)pav~div 匹配 prev 元素之后的所有 siblings 元素  例:$('div~span')获取div之后的所有兄弟span的

10):first匹配找到的第一个元素  例:$('div:first')获取第一个div

11):last匹配找到的最后一个元素  例:$('div:last')获取最后一个div

12):   not  去除所有与给定选择器匹配的元素            例:$("input:not(:checked)") 

13):匹配所有索引值为偶数的元素,从 0 开始计数   例:$("tr:even") 选取所有偶数行

14):odd匹配所有索引值为奇数的元素,从 0 开始计数   例:$("tr:odd") 选取所有奇数行

15):eq匹配一个给定索引值的元素  例:$("tr:eq(1)") 匹配等于1的表格

16):lt匹配所有小于给定索引值的元素  例:$("tr:lt(2)"匹配所有小于2的表格

17):gt匹配所有大于给定索引值的元素  例:$("tr:gt(2)"匹配所有大于2的表格

18):header匹配如 h1, h2, h3之类的标题元素 例:$(':header)匹配所有表头

19):animated匹配所有正在执行动画效果的元素  $("div:animated")匹配正在移动的图片

20):contains匹配包含给定文本的元素

21):empty匹配所有不包含子元素或者文本的空元素

22):has(selector)_匹配含有选择器所匹配的元素的元素

23):parent匹配含有子元素或者文本的元素

24):hidden匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到

25):visible匹配所有的可见元素

JQuery 常见选择器详解练习1

1.常见基本选择器代码 Insert title here $(function(){ //alert($("#ID").val());//查找ID并显示其内容 //ale...
  • linhaiyun_ytdx
  • linhaiyun_ytdx
  • 2016年11月06日 12:22
  • 355

JQuery入门贴:五种基本选择器

JQuery的选择器是很强大,很灵活的。基本选择器是我们平时编程中用的最多的,虽然JQuery版本现在已经发展到了2.x版本,但是基本选择器没有发生改变,就是只有5种。...
  • aitangyong
  • aitangyong
  • 2015年02月05日 21:35
  • 774

常用jQuery选择器详解

元素选择是一切操作的前提,jQuery中$()函数最强大最常用的功能之一就是使用选择器选择DOM元素。这里就汇总一些十分常用的jQuery选择器。1、jQuery选择器基本结构$('选择器') $('...
  • a153375250
  • a153375250
  • 2016年05月26日 14:46
  • 1504

CSS选择器优先级 jquery选择器优先级

css选择器主要分为三类:标签名选择器、类选择器、ID选择器。当然后续还扩展了一些后代选择器和群组选择器。  一、 下面对着5中选择器进行举例:         1. 标签名选择器     div {...
  • cacacacacacacaa
  • cacacacacacacaa
  • 2016年09月24日 22:00
  • 1227

jquery最常用的几个函数

.class名为class的类。 .class:eq(0)第一个名为class的类 .class:eq(0) span第一个名为class的类下面的所有span元素 .html()值 $('.cla...
  • u010674395
  • u010674395
  • 2015年01月20日 23:16
  • 737

五种运算符

运算符主要分为以下五种: 1,算术运算符 2,赋值运算符 3,关系运算符 4,逻辑运算符 5,位运算符 算术运算符 字符串加任何数据类型都会变成字符串连接 比如:“...
  • ShiningChow
  • ShiningChow
  • 2015年01月21日 21:16
  • 184

五种常用算法

分治算法 一、基本概念    在计算机科学中,分治法是一种很重要的算法。字面上的解释是“分而治之”,就是把一个复杂的问题分成两个或更多的相同或相似的子问题,再把子问题分成更小的子问题……直...
  • sjpz0124
  • sjpz0124
  • 2015年07月17日 17:33
  • 3004

jquery选择器的实现原理

html部分 Document 1 2 var result = $("div"); console.log(result); alert($('div').size(...
  • qq_30100043
  • qq_30100043
  • 2016年11月03日 00:57
  • 960

JQuery_九大选择器

JQuery中九大选择器。
  • pseudonym_
  • pseudonym_
  • 2017年07月25日 18:19
  • 567

jQuery-9种选择器

jQuery 9种选择器   1、基本选择器-5个    1 html> 2 head> 3 meta http-equiv="content-type" conte...
  • zfs592645357
  • zfs592645357
  • 2014年10月30日 16:20
  • 1277
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery常见的二十五种选择器
举报原因:
原因补充:

(最多只允许输入30个字)