javascript代码实例教程-jQueryt过滤选择器

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

 

选择器 描述 返回 示例 重要

:First 返回第一个元素 单个元素

:last 返回最后一个元素 单个元素

:not(selector) 除去与给定选择器匹配的元素 集合元素

:even 偶数元素 集合元素

:odd 奇数元素 集合元素

:eq(index) 返回集合中指定索引的元素,索引0开始 单个元素

:gt(index) 大于 集合元素

:lt(index) 小于 集合元素

:header 所有标题 集合元素

:aniMATEd 正在执行动画的 集合元素

:focus 焦点元素 集合元素

内容过滤选择器

 

选择器 描述 返回 示例 重要

:contains(text) 选取含有文本'text'的 集合元素

:empty 选取不含子元素或不含文本的空元素 集合元素

:has(selector) 选取含有选择器所匹配的元素的元素 集合元素 $("p:has(p)")

:parent 选取含有子元素或者文本的元素,与empty相对

可见性过滤选择器

 

选择器 描述 返回 示例 重要

:hidden 选取所有不可见的元素,1.3对visibilITy:hidden(不留位置) 管用,1.7之后不管用 集合元素

:visible 选取所有可见的元素 集合元素

属性过滤选择器

 

选择器 描述 返回 示例 重要

[attr] 选取含有此属性的元素 集合元素 $(p [data] )

[attr=val] 等于

[attr!=val] 不等于

[attr^=val] 以开始

[attr$=val] 以结束

[attr*=val] 值含有

[attr|=val] 选取属性等于给定字符串或以字符串为前缀的(如data-形式) $(p[tile|='data']),可以选择 title="data" 或 title="data-xxx" ☆☆

[attr~=val] 选取用空格分隔的值中包含一个给定值

[a1][a2].. 复合选择器

子元素过滤选择器

 

选择器 描述 返回 示例 重要

:nth-child(index/even/odd/3n+1),index :1 index,奇偶,还可以是表达式

:first-child 每个父元素的第一个元素,跟:first不一样

:last-child 每个父元素的最后一个

:only-child 如果是父元素的唯一一个元素,则匹配

表单对象属性过滤选择器

 

选择器 描述 返回 示例 重要

:enabled 选取所有可用元素

:disabled

:checked 选取所有被选中的单选框或多选框

:selected

表单对象属性过滤选择器

 

选择器 描述 返回 示例 重要

:input 所有的<input>,<textarea>,<select>和<button>

:text 所有的单行文本

:password

:radio

:checkbox

:submit 包括 image,与button无关

:image 所有的图像按钮

:reset

:button 选取所有的按钮,与submit无关,只选<button>或<input tyPE="button">

:file

:hidden

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

脚本宝典总结

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

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

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