最近工作比较忙,以至于好多东西感觉要忘记似得,今天复习了一些选择器部分的内容,暂时记下~!
没有详细的注释,感觉看到就应该想个差不多就行~!
jQuery 常规选择器
1.简单选择器 2.进阶选择器 3.高级选择器 4.属性选择器
一.简单选择器
ID
类(class)
二.进阶选择器
群组选择器 $(‘ul,li,a‘) 选取页面标签为 ul,li,a的对象集合
后代选择器 ul li a {} ul中li下面的a的对象集合
通配选择器 * 选择所有的页面标签
三.高级选择器
后代选择器 ul li a
子选择器 div>p
next选择器 div+p
nextAll选择器 div~p
jQuery补充选择方法
$(obj).prev(obj);
$(obj).prevAll(obj);
$(obj).prevUntil(obj);
$(obj).nextUntil(obj);
$(obj).siblings(obj);
$(obj).find(obj);
$(obj).next(obj);
$(obj).nextAll(obj);
$(obj).children(obj);
四、属性选择器
a[title]
a[title=num]
a[title^=num]
a[title|=num]
a[title$=num]
a[title!=num]
a[title~=num]
a[title*=num]
a[title][title1=num]
jQuery 过滤选择器
1.基本过滤器 2.内容过滤器 3.可见性过滤器 4.子元素过滤器 5.其他方法
一、基本过滤器
:first
:last
:not
:even
:odd
:eq
:gt
:lt
:header
:animated
:focus
二、内容过滤器
:contains
:empty
:has
:parent
三、可见性过滤器
:hidden
:visible
四、子元素过滤器
:first-child
:last-child
:only-child
:nth-child(odd/even/eq(index))
五、其他方法
is(s/o/e/f)
hasClass(class)
slice(start,end)
filter(s/o/e/f)
end()
contents()