jQuery1.2选择器
2008-05-04 11:04
471 查看
上一篇 |
下一篇
jQuery
jQuery1.2选择器
作者:Shawphy 日期:2008-01-18
字体大小: 小 中 大.sel_cate {
font-size: 14px;
font-weight: bold;
background-color: #72A381;
color: #FFFFFF;
padding: 5px 0 3px 5px;
}
.sel_table {
width: 100%;
font-size: 12px;
}
.sel_table td {
width: 50%;
}
.sel_line {
background-color: #CFE6D7;
}
.sel_code {
color: #0033CC;
font-weight: bold;
font-family: Tahoma;
padding: 3px;
}
.sel_return {
padding: 3px;
color: #666666;
font-family: Tahoma,"宋体";
}
.sel_content {
padding: 7px 0 7px 0;
width: 100%;
line-height: 150%;
}
.feiyu_say {
color: #FF0000;
}
以下的文档根据官网1.2选择器汉化,并做相应的调整及加入了部份示例。
由于实际使用中选择器在IE和非IE下会有不同的效果,请参照红色的字样。如有错误请及时联系我。
绯雨汉化:http://feiyu.asgard.cn/
基本选择器
#myid | 返回: <jQuery对象> |
匹配一个id为myid的元素。 | |
element | 返回: <jQuery对象> 数组 |
匹配所有的element元素 | |
.myclass | 返回: <jQuery对象> 数组 |
匹配所有class为myclass的元素 | |
* | 返回: <jQuery对象> 数组 |
匹配所有元素。该选择器会选择文档中所有的元素,包括html,head,body | |
selector1,selector2,selectorN | 返回: <jQuery对象> 数组 |
匹配所有满足selector1或selector2或selectorN的元素 |
层次选择
elementParent elementChild | 返回: <jQuery对象> 数组 |
匹配elementParent下的所有子元素elementChild。例如:$("div p") 选择所有div下的p元素 | |
elementParent > elementChild | 返回: <jQuery对象> 数组 |
匹配elementParent下的子元素elementChild。例如:$("div>p") 选择所有上级元素为div的p元素 | |
prev+next | 返回: <jQuery对象> 数组 |
匹配prev同级之后紧邻的元素next。例如:$("h1+div") 选择所有div同级之前为h1的元素(<h1 /><div />) | |
prev ~ siblings | 返回: <jQuery对象> 数组 |
匹配prev同级之后的元素siblings。例如:$("h1~div") 可以匹配(<h1 /><div /><div />) |
基本滤镜
:first | 返回: <jQuery对象> |
匹配第一个元素 | |
:last | 返回: <jQuery对象> |
匹配最后一个元素 | |
:not(selector) | 返回: <jQuery对象> 数组 |
匹配不满足selector的元素 | |
:has(selector) | 返回: <jQuery对象> 数组 |
匹配包含满足selector的元素。此选择器为1.2新增 | |
:even | 返回: <jQuery对象> 数组 |
从匹配的元素集中取序数为偶数的元素。 | |
:odd | 返回: <jQuery对象> 数组 |
从匹配的元素集中取序数为奇数的元素。 | |
:eq(index) | 返回: <jQuery对象> 数组 |
从匹配的元素集中取第index个元素 | |
:gt(index) | 返回: <jQuery对象> 数组 |
从匹配的元素中取序数大于index的元素 | |
:lt(index) | 返回: <jQuery对象> 数组 |
从匹配的元素中取序数小于index的元素 | |
:header | 返回: <jQuery对象> 数组 |
匹配所有的标题元素,例如h1,h2,h3……hN。此选择器为1.2新增 | |
:animated | 返回: <jQuery对象> 数组 |
匹配正在执行动画的元素。此选择器为1.2新增 | |
:empty | 返回: <jQuery对象> 数组 |
匹配所有没有子元素(包括文本内容)的元素 | |
:parent | 返回: <jQuery对象> 数组 |
匹配包含子元素(包含文本内容)的所有元素 | |
:contains(text) | 返回: <jQuery对象> 数组 |
匹配所有含有text的元素 | |
:hidden | 返回: <jQuery对象> 数组 |
匹配所有隐藏的元素,包含属性type值为hidden的元素 | |
:visible | 返回: <jQuery对象> 数组 |
匹配所有非隐藏的元素 |
子元素滤镜
E:nth-child(index/even/odd/equation) | 返回: <jQuery对象> 数组 |
匹配所有E在其父元素下满足(index/even/odd/equation)条件的集合。注:下标从1开始 | |
E:first-child | 返回: <jQuery对象> 数组 |
匹配所有E在其父元素下是第一个子元素的集合。例如:HTML(<div><p id="p1"></p></div><div><p id="p2"></p><p id="p3"></p></div>"),使用$("p:first-child"),选取:<p id="p1"></p><p id="p2"></p> | |
E:last-child | 返回: <jQuery对象> 数组 |
匹配所有E在其父元素下是最后一个子元素的集合。例如:同上的HTML,使用$("p:last-child"),选取:<p id="p1"></p><p id="p3"></p> | |
E:only-child | 返回: <jQuery对象> 数组 |
匹配所有E是其父元素的唯一子元素的集合。例如:同上的HTML,使用$("p:only-child"),选取:<p id="p1"></p> |
表单滤镜
:input | 返回: <jQuery对象> 数组 |
匹配所有的input、textarea、select、button | |
:text | 返回: <jQuery对象> 数组 |
匹配文本域。注:在IE浏览器下,选择的对象是所有type属性为text的元素,在非IE浏览器下,选择的对象是input元素type属性为text的元素 | |
:password | 返回: <jQuery对象> 数组 |
匹配密码域。注:在IE浏览器下,选择的对象是所有type属性为password的元素,在非IE浏览器下,选择的对象是input元素type属性为password的元素 | |
:radio | 返回: <jQuery对象> 数组 |
匹配单选按钮。注:在IE浏览器下,选择的对象是所有type属性为radio的元素,在非IE浏览器下,选择的对象是input元素type属性为radio的元素 | |
:checkbox | 返回: <jQuery对象> 数组 |
匹配复选框。注:在IE浏览器下,选择的对象是所有type属性为checkbox的元素,在非IE浏览器下,选择的对象是input元素type属性为checkbox的元素 | |
:submit | 返回: <jQuery对象> 数组 |
匹配提交按钮。注:在IE浏览器下,选择的对象是所有type属性为submit的元素,在非IE浏览器下,选择的对象是input元素type属性为submit的元素和button元素type属性为空或为submit的元素 | |
:image | 返回: <jQuery对象> 数组 |
匹配图像域。注:在IE浏览器下,选择的对象是所有type属性为image的元素,在非IE浏览器下,选择的对象是input元素type属性为image的元素 | |
:reset | 返回: <jQuery对象> 数组 |
匹配重置按钮。注:在IE浏览器下,选择的对象是所有type属性为reset的元素,在非IE浏览器下,选择的对象是input或button元素type属性为reset的元素 | |
:button | 返回: <jQuery对象> 数组 |
匹配按钮。注:在IE浏览器下,选择的对象是所有type属性为button的元素和元素名为button的元素,在非IE浏览器下,选择的对象是input元素type属性为button的元素和元素名为button的元素 | |
:file | 返回: <jQuery对象> 数组 |
匹配文件域。注:在IE浏览器下,选择的对象是所有type属性为file的元素,在非IE浏览器下,选择的对象是input元素type属性为file的元素 | |
:enabled | 返回: <jQuery对象> 数组 |
匹配所有可用的元素。注:即:not(:disabled),参考:disabled的注释 | |
:disabled | 返回: <jQuery对象> 数组 |
匹配所有禁用的元素。注:在非IE浏览器下,选择的对象是禁用的表单元素 | |
:checked | 返回: <jQuery对象> 数组 |
匹配所有被选中的表单。注:在IE浏览器下,选择的对象是含有checked属性的所有元素 | |
:selected | 返回: <jQuery对象> 数组 |
匹配所有选择的表单。注:在IE浏览器下,选择的对象是含有selected属性的所有元素 |
属性滤镜
[attribute] | 返回: <jQuery对象> 数组 |
匹配拥有attribute属性的元素 | |
[attribute=value] | 返回: <jQuery对象> 数组 |
匹配属性attribute为value的元素 | |
[attribute!=value] | 返回: <jQuery对象> 数组 |
匹配属性attribute不为value的元素 | |
[attribute^=value] | 返回: <jQuery对象> 数组 |
匹配属性attribute的值以value开始的元素 | |
[attribute$=value] | 返回: <jQuery对象> 数组 |
匹配属性attribute的值以value结尾的元素 | |
[attribute*=value] | 返回: <jQuery对象> 数组 |
匹配属性attribute的值包含value的元素 | |
[selector1][selector2][selectorN] | 返回: <jQuery对象> 数组 |
匹配满足属性选择器selector1、selector2、selectorN的元素 |
相关文章推荐
- jQuery1.2选择器(转)
- jquery学习之1.2-层级选择器
- jQuery1.2后已删除XPath选择器支持
- jQuery1.2选择器(1)
- jQuery1.2后已删除XPath选择器支持
- jQuery1.2选择器(2)
- jQuery1.2选择器
- jQuery选择器及jQuery事件
- jQuery的:parent选择器定义和用法
- JQuery选择器
- jquery层级选择器;jquery的css() 方法
- [翻译]帮助文档-jQuery 选择器
- jQuery的过滤选择器
- jQuery 选择器(二)
- jQuery选择器
- jQuery分组选择器用法实例
- Jquery选择器
- jQuery_基本选择器
- JQuery选择器、过滤器大整理
- jQuery_内容过滤选择器