Jquery选择器汇总
2014-03-06 10:38
330 查看
基本选择器:
#id
.class
种类 $(“div”)
所有 $(“*”)
多个条件 $(“#id”,”.class”)
层次选择器:
1内所有的2 $(“#id1 #id2”)
1的子元素2,仅一级 $(“#id1>#id2”)
1的下一个同级2 $(“#id1+#id2”)
1的所有同级的2 $(“#id1~#id2”)
*******注意:冒号没有空格
基本过滤选择器:
选第一个元素 :first $(“.class:first”)
选最后一个元素 :last $(“.class:last”)
选取去除后的元素 :not() $(“.class:not(#id)”)
奇数、偶数 :even :odd
索引数大于小于等于 :gt(i),:eq(i),:lt(i) $(“.class:eq(4)”)
标题元素 :header
内容过滤器:
文本内容包含 :contains(“text”)
空元素 :empty
非空元素 :parentu
获取匹配选择器选取的元素 :has(selector) $(“div:has(.class)”)
属性选择器
拥有 [id] $(“div[id]”)
属性值选择
属性值为 [id=value] $(div[id=value])
不等于[id!=value] ,
以value开头[id^=value],
以value结束[id$=value],
含有[id*=value],
前缀(value_xxxx)或相等[id|=value]
使用空格分隔的值中包括[id~=value]
符合选择,相当于且
[id][name]
子元素过滤选择器(div.one :lnth-child(3n+1))
第一个子元素 :first-child
最后一个子元素 :last-child
唯一子元素 :only-child
:nth-child()选择
even/add-奇数偶数
index-第index个
3n+1/4n+1(n从1开始,依次匹配)
表单选择器($(“#from :enabled”))
1.
:enabled
所有可用的
:disabled
所有不可用
:checked
被选中的元素(单选、复选)
:selected
被选中的选项(下拉菜单)
2.属性选择器
:index/:text/:password
#id
.class
种类 $(“div”)
所有 $(“*”)
多个条件 $(“#id”,”.class”)
层次选择器:
1内所有的2 $(“#id1 #id2”)
1的子元素2,仅一级 $(“#id1>#id2”)
1的下一个同级2 $(“#id1+#id2”)
1的所有同级的2 $(“#id1~#id2”)
*******注意:冒号没有空格
基本过滤选择器:
选第一个元素 :first $(“.class:first”)
选最后一个元素 :last $(“.class:last”)
选取去除后的元素 :not() $(“.class:not(#id)”)
奇数、偶数 :even :odd
索引数大于小于等于 :gt(i),:eq(i),:lt(i) $(“.class:eq(4)”)
标题元素 :header
内容过滤器:
文本内容包含 :contains(“text”)
空元素 :empty
非空元素 :parentu
获取匹配选择器选取的元素 :has(selector) $(“div:has(.class)”)
属性选择器
拥有 [id] $(“div[id]”)
属性值选择
属性值为 [id=value] $(div[id=value])
不等于[id!=value] ,
以value开头[id^=value],
以value结束[id$=value],
含有[id*=value],
前缀(value_xxxx)或相等[id|=value]
使用空格分隔的值中包括[id~=value]
符合选择,相当于且
[id][name]
子元素过滤选择器(div.one :lnth-child(3n+1))
第一个子元素 :first-child
最后一个子元素 :last-child
唯一子元素 :only-child
:nth-child()选择
even/add-奇数偶数
index-第index个
3n+1/4n+1(n从1开始,依次匹配)
表单选择器($(“#from :enabled”))
1.
:enabled
所有可用的
:disabled
所有不可用
:checked
被选中的元素(单选、复选)
:selected
被选中的选项(下拉菜单)
2.属性选择器
:index/:text/:password
相关文章推荐
- jquery IE6 下animate 动画的opacity无效
- 精挑细选的10个jQuery日历插件
- Jquery和Struts2使用Ajax时部分属性以json返回的处理
- 浅析jquery的js图表组件highcharts
- 使用JQuery的each
- Jquery Ajax() 参数详解
- 使用jQuery时中Form表单命名大忌
- jquery隐藏div
- 我的第十三课:jQuery - 设置内容和属性
- Jquery调用从ashx文件返回的jsonp格式的数据处理实例
- Jquery调用从ashx文件返回的jsonp格式的数据处理实例
- 第五天 我为集成平台狂(三)-步履轻盈的JQuery(一)
- 浅析jquery的js图表组件highcharts
- 使用jQuery时Form表单元素ID和name命名大忌
- Jquery easyUI 更新行示例
- jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
- jquery选择器大全 全面详解jquery选择器
- jquery单行文字向上滚动效果示例
- jquery1.10给新增元素绑定事件的方法
- Ajaxform表单提交插件jquery form