jQuery选择器

来源:互联网 发布:网页设计软件排名 编辑:程序博客网 时间:2024/04/29 16:17

我的第一篇博文!!!以后要做一个爱写博客的孩子害羞

哦对了,这一系列的jQuery文章都是看书的笔记,《jQuery权威指南》第2版

ok,言归正传啦~~~


可以将jQuery选择器归为四大类,基本选择器,层次选择器,过滤选择器,表单选择器。


基本选择器:

#id--根据给定的id匹配

.class--根据类匹配

element--根据元素名匹配

*--匹配所有

selector,selectorN--同时匹配两个,他们不是并列关系


层次选择器:

根据祖先元素匹配所有后代元素,例如$("div span")--匹配div下的所有span

根据父元素匹配所有的子元素,例如$("div>span")--匹配div下一级的所有span,这个和上面那个容易混淆概念

匹配紧跟其后的单个元素,例如$("#divMid+span")--匹配紧跟在#divMid后面的单个span

匹配紧跟其后的所有元素,例如$("#divMid~span")--匹配紧跟#divMid后面的所有span

匹配前前后后所有相邻元素,例如$("#divMid").siblings("div")--匹配#divMid所有相邻div


简单过滤选择器:

:first,获取第一个元素

:last,获取最后一个元素

:not(selector),获取除此之外的所有元素

:eq(index),获取等于给定索引值的元素

:lt(index),获取小雨给定索引值的元素

:gt(index),获取大鱼给定索引值的元素

:even(index),获取索引值为偶数的元素

:odd(index),获取索引值为奇数的元素

:header,获取所有标题类元素,例如h1,h2

:animated,获取正在执行动画效果的元素


内容过滤选择器:

:contains(text),获取包含给定文本的元素

:has(selector),获取含有指定元素的元素

:parent,获取含有子元素或文本的元素

:empty,获取所有不包含子元素或文本的空元素


可见性过滤选择器:

:hidden,获取隐藏元素

:visible,获取可见元素


属性过滤选择器(以title为例):

获取包含给定属性的元素,$("div[title]")

给定属性等于

,妈的,不写了。真累!!委屈











0 0
原创粉丝点击