javascript代码实例教程-复习jquery的选择器部分

发布时间:2019-01-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-复习jquery的选择器部分脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

最近工作比较忙,以至于好多东西感觉要忘记似得,今天复习了一些选择器部分的内容,暂时记下~!

没有详细的注释,感觉看到就应该想个差不多就行~!

jQuery 常规选择器
1.简单选择器 2.进阶选择器 3.高级选择器 4.属性选择器
一.简单选择器
ID
类(class)
二.进阶选择器
群组选择器 $('ul,li,a') 选取页面标签为 ul,li,a的对象集合
后代选择器 ul li a {} ul中li下面的a的对象集合
通配选择器 * 选择所有的页面标签
三.高级选择器
后代选择器 ul li a
子选择器 p>p
next选择器 p+p
nextAll选择器 p~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()

 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-复习jquery的选择器部分全部内容,希望文章能够帮你解决javascript代码实例教程-复习jquery的选择器部分所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。