jquery中的选择器

来源:互联网 发布:北邮复杂网络作业 编辑:程序博客网 时间:2024/06/05 10:02

1、基本选择器
# ID id选择器
.class 类名选择器
Element 标签选择器
* 选择所有的元素
E1,E2,E3….多重选择器

2、层次选择器
E F 选择E元素所有的后代F元素
E>F 制度取E元素下的直接子元素F
E~siblings 选择E元素后的所有兄弟元素

3、基本过滤选择器(所有的基本选择器都不能带有空格)
:first 获取第一个元素
:last 获取最后一个元素
:not(selector)获取除指定之外的元素(不支持索引值)
:even 获取索引值为偶数的元素,从0开始计数
:odd 获取索引值为奇数的元素,从0开始计数
:eq(index)获取指定索引值得元素,从0开始计数
:gt(index)获取大于指定索引的元素,不包括他自己 从0开始计数
:lt(index)获取小于指定索引 的元素,从0开始计数
:header 获取h1-h6 的所有标题标签
:animated 索取所有正在执行的动画效果的元素
以下不常用
:lang()语言代码选择器
:root 选择文本的根元素 永远是html
:focus 获取当前得到焦点的元素
:target 选择文档URL格式化识别码表示的目标元素

4、内容过滤选择器
:contents() 获取包含给定文本的元素(利用此方法可以制作搜索风功能)
:has() 获取包含指定元素的元素
:empty 获取所有不包含子元素或者文本的空元素
:parent 获取含有子元素或者文本元素的元素

5、可见性选择器
:hidden 获取所有不可见的元素或者type=hidden的元素
设置元素不可见的方法
display:none(不占位)
visibility:hidden(站位)
opcity:0(站位)
或者是设置隐藏域
对站位的不起作用
:visible 获取所有的可见元素

6、属性选择器
[attribute] 获取所有的此属性的选择器
[attribute=value] 选择拥有此属性值的选择器
[att1] [att2] 复合属性选择器

7、子元素过滤的选择器
:first-child 获取父元素中的第一个子元素
:last-child 获取父元素中的最后一个子元素
:nth-child()获取父元素中的第几个元素(索引值从1开始)
:only-child 获取父元素中只包含一个子元素的元素

8、表单选择器
:input 匹配所有的 input textarea select button 元素
:text 匹配所有的单行文本框
:password
:radio
:submit
:image
:reset
:button
:file
:hidden
表单属性选择器
:enable
:disable
:checked
:selected
:focus

9、筛选–过滤方法
eq() 获取指定索引 的元素 从0开始计数(也可以指定给负数 从-1 开始计数)
filter(表达式) 筛选出与指定表达式匹配的元素的集合

$('p').filter(function(index){            return $('ol',this).length==1;        }).css('color','green');

一个函数用来作为测试元素的集合。它接受一个参数index,这是元素在jQuery集合的索引。在函数, this指的是当前的DOM元素。
is()检测是否是这个元素 并且返回的是布尔值
has()保留包含特定后代的元素,去掉那些不含有指定后代的元素
hassClass()检查当前元素是否含有某个特定的类
not() 从匹配的元素集合中移除指定的元素
map()用来建立一个列表 相当于遍历

$(function(){        $('input').map(function(){//相当于是用来遍历            console.log($(this).val());        });

slice()根据指定的下表范围 选取匹配的元素集合(包含尅是位置 从1 开始 后边的数字不包含 截取到他的前一个)

10、筛选 –查找方法
children () 获取子元素
find()查找后代元素
parents()选取祖先元素(爷爷级别的元素)
offsetParent() 返回父元素中第一个其position设置为relative或者是absolute的元素 (找到一个就不会向上找了) 仅对可见元素有效
next()选择后面紧邻的兄弟元素
nextAll()查找当前元素之后的所有同辈元素
prev()获取前一个兄弟元素
prev()获取前面所有的兄弟元素
siblings() 获取前后所有的兄弟元素

11、筛选–串联方法
each()遍历一个jquery对象 为每个匹配元素执行一个函数(通常用作对象和数组的操作 进行遍历)
end() 终止在当前链的最新过滤操作 并返回匹配的元素的以前的状态

12、jquery选择器的优化
优先使用id选择器
在class选择器前添加标签名
采用find()查找 而不是使用上下文查找
强大的练市操作比缓存更快

原创粉丝点击