jQueryt过滤选择器

基本过滤选择器

选择器 描述 返回 示例 重要
:first 返回第一个元素 单个元素    
:last 返回最后一个元素 单个元素    
:not(selector) 除去与给定选择器匹配的元素 集合元素  
:even 偶数元素 集合元素    
:odd 奇数元素 集合元素    
:eq(index) 返回集合中指定索引的元素,索引0开始 单个元素  
:gt(index) 大于 集合元素    
:lt(index) 小于 集合元素    
:header 所有标题 集合元素    
:animated 正在执行动画的 集合元素    
:focus 焦点元素 集合元素    

内容过滤选择器

选择器 描述 返回 示例 重要
:contains(text) 选取含有文本'text'的 集合元素    
:empty 选取不含子元素或不含文本的空元素 集合元素  
:has(selector) 选取含有选择器所匹配的元素的元素 集合元素 $("div:has(p)")
:parent 选取含有子元素或者文本的元素,与empty相对    

可见性过滤选择器

选择器 描述 返回 示例 重要
:hidden 选取所有不可见的元素,1.3对visibility:hidden(不留位置) 管用,1.7之后不管用 集合元素  
:visible 选取所有可见的元素 集合元素  

属性过滤选择器

选择器 描述 返回 示例 重要
[attr] 选取含有此属性的元素 集合元素 $(div [data] )
[attr=val] 等于      
[attr!=val] 不等于      
[attr^=val] 以开始      
[attr$=val] 以结束      
[attr*=val] 值含有      
[attr|=val] 选取属性等于给定字符串或以字符串为前缀的(如data-形式)   $(div[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        

jQueryt过滤选择器的更多相关文章

  1. jquery选择器(三)-过滤选择器

    一.基本过滤选择器 二.内容过滤选择器 1. 包含文本内容为“text”的元素 2. 含有某个选择器所匹配的父元素 3. 包含有子元素或者文本的父元素 4. 不含有子元素或者文本的父元素 三.可见性过 ...

  2. jQuery 简单过滤选择器

    <!DOCTYPE HTML> <html> <head> <title> 使用jQuery基本过滤选择器 </title> <scr ...

  3. jquery :checked(过滤选择器) 和 空格:checked(后代选择器)

    jquery 过滤选择器 和 后代选择器 <%@ page language="java" contentType="text/html; charset=UTF- ...

  4. jQuery过滤选择器

    //基本过滤器$('li:first').css('background','#ccc');//第一个元素$('li:last').css('background','red');//最后一个元素$( ...

  5. JQuery 可见性过滤选择器

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  6. JQuery 内容过滤选择器

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  7. jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器

    选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果.jQuery选择器完全继承了 ...

  8. jQuery过滤选择器:not()方法使用介绍

    在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a) & ...

  9. jQuery选择器之表单对象属性过滤选择器Demo

    测试代码: 08-表单对象属性过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

随机推荐

  1. 通过ipv6访问 g o o g l e

    Google.Youtube.Facebook等均支持IPv6访问,IPv4网络的用户大部分都无法访问,比如Gmail,Google Docs等等各种相关服务.而该类网站大部分均已接入IPv6网络,因 ...

  2. GIT本地配置和PUSH

    因为GIT使用的是LINUX命令,所以可以参考LINUX的相关命令 一.在本地配置好GIT仓库: 1.首先进入当前工程的目录:cd [filepath] (记住这里的目录应该用/,因为LINUX是这样 ...

  3. HTML a标签、4个伪类、常用属性(下载)、锚链接(待扩展:邮件、电话、短信、GPS)

    HTML 超链接<a> 1.超链接可以是一个字.一个词.一组词.一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分. 2.当您把鼠标指针移动到网页中的某个链接上时,箭头会 ...

  4. linux集群时钟问题

    一.ntpd与ntpdate的区别: 摘自:ntpd与ntpdate的区别 - 百事乐 - 博客园  http://www.cnblogs.com/liuyou/archive/2012/07/29/ ...

  5. 前端工具之Gulp

    Gulp是一款前端自动化的工具,如果能熟练使用Gulp来进行开发一定可以节省很多的时间,也可以快速的提高工作效率. 在使用Gulp之前就是要配置好Gulp安装的环境,这是我们能使用Gulp快速开发的第 ...

  6. [Machine Learning & Algorithm] 决策树与迭代决策树(GBDT)

    谈完数据结构中的树(详情见参照之前博文<数据结构中各种树>),我们来谈一谈机器学习算法中的各种树形算法,包括ID3.C4.5.CART以及基于集成思想的树模型Random Forest和G ...

  7. average slice

    A non-empty zero-indexed array A consisting of N integers is given. A pair of integers (P, Q), such ...

  8. 【PHP升级】CentOS6.3编译安装 PHP5.4.38

    先前安装的PHP5.3.28(参考:CentOS6.3编译安装Nginx1.4.7 + MySQL5.5.25a + PHP5.3.28),现在准备升级PHP到5.4.38,有如下几个地方需要重新编译 ...

  9. sublime 编译运行C程序

    { "cmd": ["gcc", "${file}", "-o","${file_path}/${file_b ...

  10. touch移动触屏滑动事件

    移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件 ...