一. Jquery 选择器
1. 基本CSS选择器
a:匹配所有的链接(<a>)元素
#specialID:匹配id为specialID的元素
.specialClass:匹配拥有CSS类specialClass的元素
a#specialID.specialClass:匹配id为specialID,拥有CSS类specialClass的链接(<a>)元素
p a.specialClass:匹配拥有CSS类specialClass,在<p>元素内声明的链接(<a>)元素
例如:$(“p a.specialClass”)
2. 子选择器 :父节点与直接子节点以右尖括号(>)隔开
例如:
p > a :匹配作为<p>元素的直接子节点的链接,如链接被嵌套在更深一层,比如在<p>之内的<span>之内,则链接不会被选中。
3. 特性选择器
a[href ^ = http://]:匹配以http://开头的链接
form[method] :匹配拥有显式method特性的任何<form>元素
input[type = text] :匹配type特性值为text的所有<input>元素
div[title ^ = my]:匹配title特性值以my开头的<div>元素
a[href$ = .pdf]:匹配以.pdf结束的所有链接
a[href8 = jquery.com]:匹配包含jquery.com的链接
3. 容器选择器
li:has(a) :匹配包含<a>元素的所有<li>元素
jQury只支持一层嵌套.
例如:foo:not(bar:has(baz))但是不支持fon:not(bar:has(baz:eq(2)))
4. jQuery所支持的基本CSS选择器
选择器 描述
* 匹配任何元素
E 匹配标签名称为E的所有元素
E F 匹配标签名称为F,作为E的后代节点的所有元素
E>F 匹配标签名称为F,作为E的直接子节点的所有元素
E+F 匹配前面是邻近兄弟节点E的所有元素F(E和F紧挨着)
E~F 匹配前面是任何兄弟节点E的所有元素F(E和F不可以紧挨着)
E:has(F) 匹配标签名称为E,至少一个标签名称为F的后代节点的所有元素
E.C 匹配带有Class类C的所有元素E。.C等效于*.C
E#I 匹配id特性值为I的元素E. #I等效于*#I
E[A] 匹配带有特性A的所有元素E(不管特性A的值是什么)
E[A=V] 匹配所有元素E,其特性A的值正好是V
E[A^=V] 匹配所有元素E,其特性A的值以V开头
E[A$= V] 匹配所有元素E,其特性A的值以V结束
E[A*= V] 匹配所有元素E,其特性A的值包含V
5. Jquery位置选择器:根据在DOM里的位置来选择元素
选择器 描述
:first 页面的最先的匹配。li a:first 返回最先的、并且在列表(<li>)项下的链接
:last 页面的最后的匹配:li a:last 返回最后的、并且在列表(<li>)项下的链接
:first-child 最先的子元素.li:first-child 返回每个列表的最先项
:last-child 最后的子元素.li:last-child 返回每个列表的最后的项
:only- child 返回没有兄弟节点的所有元素
:nth-chld(n) 第n个子节点(n从1开始).li:nth-child(2)返回每个列表的第二个<li>项
:nth-child(even|odd) 偶数或奇数的子节点.li:nth-child(even)返回每个序列的偶数子节点
:nth-child(Xn+Y) 根据传入的公式计算的第n个子节点。如果y为0,则忽略y,n从0开始,且x != 0 .li: nth-child(3n)返回3的倍数的项,而li:nth-child(5n+
1)返回5的倍数的项的下一项
:even 或
dd 页面范围内偶数或奇数的匹配元素。li:even返回全部偶数<li>项
:eq(n) 第n个匹配元素(n从0开始)
:gt(n) 第n个匹配元素(不包括)之后的元素(n从0开始)
:lt(n) 第n个匹配元素(不包括)之前的元素(n从0开始)
6. Jquery自定义的筛选选择器
选择器 描述
:animated 选择当前处于动态控制之下的元素
:button 选择任何按钮(input[type=submit]、input[type=reset]、input[type=button])
:checkbox 只选择复选框元素(input[type=checkbox])
:checked 只选择已选中的复选框或单选按钮
:contains(foo) 只选择包含文本foo的元素
:disabled 只选择在界面上已经禁用的表单元素
:enabled 只选择在界面上已经启用的表单元素
:file 选择所有文件元素(input[type=file])
:header 只选择标题元素(<hn>,n代表数字1~6)
:hidden 只选择隐藏元素
:image 选择表单图像元素(input[type= image])
:input 只选择表单元素(<input><select><textarea><button>)
:not(file) 根据制定的筛选器进行求反
:parent 只选择拥有后代节点(包括文本)的元素,而排除空元素
:password 自选择口令元素(input[type= password])
:radio 只选择单选按钮元素
:reset 选族服务按钮元素(intpu[type=radio])
:selected 选择已经被选中的选项元素
:text 只选择文本字段元素(input[type=text])
:visible 只选择可见元素
分享到:
相关推荐
选择器是jqurey最强大的一个方面,压缩包中有详细的练习的例子。
写了一些jqurey的使用方法,比如给页面控件赋值,清空,获取值等书写格式。
JQurey学习 Jquery特效
这是个中文的api,里边的那个js就是 jqurey所用的东西.直接在页面引用它.就可以用jqurey的语法了.看了以后我只能说很强大也很灵活.如果掌握了,对你的项目非常有用
jqurey学习
这是个应用到struts2.0,freemarker,jqurey的ajax部分做的一个简单的小例子.发现jqurey是个很强大的东西.很好的封装了javascript可以更好的取元素,和做特效.我感觉应该是个算是个插件吧.应用很灵活就引入一个js...
通过HTML css 和Jqurey 建立的漂亮导航网 !
Jqurey 和 Ajax的结合使用,新手学生所用
jqurey的所有内容。是学习的好材料,与大家分享。
1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 ...
jqurey手机版触屏滑动效果,适配各个浏览器。可以放心使用。
jqurey的资源包,包含jquery源码和jquery的中文参考手册
Intro、选择器、DOM、event、动画、ajax、jqurey ui、jqurey best practice、jqurey to do list
jqurey-1.2.6,页面操作很好的。。推荐一下。。
鼠标经过显示图片、淘宝分类隐藏显示更多分类效果
一个非常漂亮的Jqurey大图幻灯片,可以以随便修改幻灯片图片。不是FLash的喔
jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互,jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需...
jqurey 插件-很好的树和tab效果,有一个simpleTree、mif.tree-v1.1、tabAccordion.zip和jxlib-2.0-beta-6
jqurey 实现的弹框,源码,压缩包内带html,js,还有资源文件。希望对正在学js的你们有点帮助。
jQuery选择学校、选择地区、选择行业、选择职位、选择国籍效果.rar 以前的没有选择学校的,自己整理了一个选择学校的