脚本宝典收集整理的这篇文章主要介绍了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,请注明来意。