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. 创建线注记LineElement

    1.根据2点创建一条线 /// <summary> /// 创建线 /// </summary> /// <param name="pnt1"> ...

  2. zend studio汉化

    在help菜单中选择Install New Software,在 work with栏中添加上这样的地址 http://archive.eclipse.org/technology/babel/upd ...

  3. Node+Express+node-mysql 实战于演习 全套mysql(增删改查)

    最近这段时间研究Node感觉不错,自己做了一个增删改查,虽然有些简陋,但是思想是想通的,其实所有项目都是增删改查,有助于初学者快速掌握Node 首先 本实例展示的是基于Node+Express+nod ...

  4. D3.js学习记录

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. PHP函数call_user_func和call_user_func_array详解

    今天在群里面,有个叫lewis的在问call_user_func_array的用法,因为之前一直没有用过,也不能说什么,于是看一下手册,发现是这么写的: call_user_func_array (P ...

  6. Linux下,如何给PHP安装pdo_mysql扩展

    下载了一个免费开源的广告系统(openadserver),在Linux上安装时,提示要安装 pdo_mysql 扩展,先前有过编译安装 soap扩展 的经历,今天要编译安装 pdo_mysql 扩展, ...

  7. Mac Pro 安装 Sublime Text 3,个性化设置,主题 和 插件 收藏

    1.到官网下载安装包 http://www.sublimetext.com/3 2.附注册码一枚 Sublime Text 3 3126 —– BEGIN LICENSE —– Alexey Plut ...

  8. OS X EI Capitan安装refind时出现Could not set boot device property: 0xe00002bc

    参考:terminal - OSX 10.11 El Capitan - setting boot device property not working ... 解决办法: 1.重启MacMini, ...

  9. C++ STL模板

    C++中的STL(Standard Template Library)用起来挺方便的,这里我们来做一下总结. 一.set set是STL中一种标准关联容器 (vector,list,string,de ...

  10. DOM对象

    DOM是以层次结构组织的节点或信息片断的集合.文档对象模型(Document Object Model)是给HTML与XML文件使用的一组API.DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁. ...