jquery_选择器
2012-12-23 15:11
309 查看
基本选择器:
$('tagname')//标签选择器,通过标签名
$('#id')//id选择器, id名前需加#标明通过id来选择元素
$('selector1, selector2, selector3')//多个选择器用逗号隔开,得到的是多个选择分别匹配到的元素的集合
$('.class')//类选择器, 类名前需加.标明通过类名来选择元素
层级选择器:
$('parent child');//匹配父元素的所有 匹配的子元素
$('parent>child');//匹配父元素第一代 匹配的子元素
$('prev + next');//匹配prev元素同级的下一个符合 next的子元素
$('pre ~ sibling');//匹配pre元素同级的所有符合sibling的元素
简单选择器:
$('ele:first');//匹配符合ele结果的第一个元素
$('ele:last');//匹配符合ele结果的最后一个元素
$('ele:even')//匹配符合ele结果的 索引为 偶数的 元素 (索引从0开始)
$('ele:odd');//匹配符合ele结果的 索引为 奇数的 元素 (索引从0开始)
$('ele:eq(index)')//匹配符合ele记过的 指定索引为 index的元素
$('selector1:not(selector2)');//selector1结果中去与selector2结果相同的元素
其他常用选择器:
$("selector:contains('text')");//从selector结果中筛选出包含 ‘text’ 文本字符的元素
$('tagname')//标签选择器,通过标签名
$('#id')//id选择器, id名前需加#标明通过id来选择元素
$('selector1, selector2, selector3')//多个选择器用逗号隔开,得到的是多个选择分别匹配到的元素的集合
$('.class')//类选择器, 类名前需加.标明通过类名来选择元素
层级选择器:
$('parent child');//匹配父元素的所有 匹配的子元素
$('parent>child');//匹配父元素第一代 匹配的子元素
$('prev + next');//匹配prev元素同级的下一个符合 next的子元素
$('pre ~ sibling');//匹配pre元素同级的所有符合sibling的元素
简单选择器:
$('ele:first');//匹配符合ele结果的第一个元素
$('ele:last');//匹配符合ele结果的最后一个元素
$('ele:even')//匹配符合ele结果的 索引为 偶数的 元素 (索引从0开始)
$('ele:odd');//匹配符合ele结果的 索引为 奇数的 元素 (索引从0开始)
$('ele:eq(index)')//匹配符合ele记过的 指定索引为 index的元素
$('selector1:not(selector2)');//selector1结果中去与selector2结果相同的元素
其他常用选择器:
$("selector:contains('text')");//从selector结果中筛选出包含 ‘text’ 文本字符的元素
相关文章推荐
- jquery选择器全解
- jQuery选择器探究:正则表达式分析
- jQuery-使用选择器注意事项
- 第2章: jQuery选择器---目录
- jQuery选择器
- jQuery学习大总结(二)jQuery选择器完整介绍
- 举例讲解jQuery中可见性过滤选择器的使用
- 第二章 jQuery选择器 读书笔记(二)
- jQuery基本选择器
- 关于JQuery 选择器
- jQuery层次选择器选择元素使用介绍
- jQuery学习第三课(选择器第一讲)
- jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
- [翻译]jQuery 选择器的使用
- jQuery开发之选择器二
- 强大的jQuery选择器 平时用的太少了 下次要先来看看
- 使用jQuery基本过滤选择器
- jQuery选择器
- jQuery :contains 选择器
- [知了堂学习笔记]_JQuery选择器