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. [译]reset, checkout和revert

    git reset, git checkout, git revert能让你撤销你本地仓储的一些修改,  前两种命令可以作用于commit或者一个文件. Commit级别的操作 注意了git reve ...

  2. 微信"流量红包"的玩法攻略 广东移动用户有福啦

    前面我们说了广东移动联合微信正式推出流量红包业务,移动终于hold不住了,想要借此挽回一些些损失.只可惜,现在只是广东小范围测试,其他地区的用户暂时还没有这等福利.那么微信"流量红包&quo ...

  3. PHP正则表达式详解(三)

    1.preg_match() :preg_match() 函数用于进行正则表达式匹配,成功返回 1 ,否则返回 0 . 语法:int preg_match( string pattern, strin ...

  4. iOS开发——高级篇——通讯录

    一.简介 1.如何访问用户的通讯录1)在iOS9之前有2个框架可以访问用户的通讯录AddressBookUI.framework提供了联系人列表界面.联系人详情界面.添加联系人界面等一般用于选择联系人 ...

  5. cvCreateCameraCapture

    编辑 本词条缺少信息栏.名片图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! cvCreateCameraCapture,初始化从摄像头中获取视频,专业名词.   初始化从摄像头中获取视频 ...

  6. C# 使用 StructLayoutAttribute 时 C# /C++ 内存空间分配与成员对齐问题

    1. 使用场景 公共语言运行时控制数据字段的类或结构在托管内存中的物理布局.但是,如果想要将类型传递到非托管代码,需要使用 StructLayout 属性. 2. 内存分配问题. 如果不显示的设置内存 ...

  7. java21

    1:字符流(掌握) (1)字节流操作中文数据不是特别的方便,所以就出现了转换流. 转换流的作用就是把字节流转换字符流来使用. (2)转换流其实是一个字符流 字符流 = 字节流 + 编码表 (3)编码表 ...

  8. Eclipse关闭XML文件验证的方法

    XML的编写是否符合规范,可以通过XML Schema或DTD进行验证,但有时候电脑本来就很卡,而且XML的某些错误并未导致程序无法运行的情况下,暂时关闭XML的验证也算不错的选择. 如web.xml ...

  9. [Linux]系统调用理解(2)

    本文介绍了Linux下的进程概念,并着重讲解了与Linux进程管理相关的4个重要系统调用getpid,fork,exit和_exit,辅助一些例程说明了它们的特点和使用方法. 关于进程的一些必要知识 ...

  10. ABAP BAPI 销售订单生产交货单函数

    TYPES: BEGIN OF ty_so,          vbeln LIKE  vbap-vbeln,          posnr LIKE  vbap-posnr,        END  ...