jQueryt过滤选择器
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过滤选择器的更多相关文章
- jquery选择器(三)-过滤选择器
一.基本过滤选择器 二.内容过滤选择器 1. 包含文本内容为“text”的元素 2. 含有某个选择器所匹配的父元素 3. 包含有子元素或者文本的父元素 4. 不含有子元素或者文本的父元素 三.可见性过 ...
- jQuery 简单过滤选择器
<!DOCTYPE HTML> <html> <head> <title> 使用jQuery基本过滤选择器 </title> <scr ...
- jquery :checked(过滤选择器) 和 空格:checked(后代选择器)
jquery 过滤选择器 和 后代选择器 <%@ page language="java" contentType="text/html; charset=UTF- ...
- jQuery过滤选择器
//基本过滤器$('li:first').css('background','#ccc');//第一个元素$('li:last').css('background','red');//最后一个元素$( ...
- JQuery 可见性过滤选择器
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- JQuery 内容过滤选择器
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器
选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果.jQuery选择器完全继承了 ...
- jQuery过滤选择器:not()方法使用介绍
在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a) & ...
- jQuery选择器之表单对象属性过滤选择器Demo
测试代码: 08-表单对象属性过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
随机推荐
- 创建线注记LineElement
1.根据2点创建一条线 /// <summary> /// 创建线 /// </summary> /// <param name="pnt1"> ...
- zend studio汉化
在help菜单中选择Install New Software,在 work with栏中添加上这样的地址 http://archive.eclipse.org/technology/babel/upd ...
- Node+Express+node-mysql 实战于演习 全套mysql(增删改查)
最近这段时间研究Node感觉不错,自己做了一个增删改查,虽然有些简陋,但是思想是想通的,其实所有项目都是增删改查,有助于初学者快速掌握Node 首先 本实例展示的是基于Node+Express+nod ...
- D3.js学习记录
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- PHP函数call_user_func和call_user_func_array详解
今天在群里面,有个叫lewis的在问call_user_func_array的用法,因为之前一直没有用过,也不能说什么,于是看一下手册,发现是这么写的: call_user_func_array (P ...
- Linux下,如何给PHP安装pdo_mysql扩展
下载了一个免费开源的广告系统(openadserver),在Linux上安装时,提示要安装 pdo_mysql 扩展,先前有过编译安装 soap扩展 的经历,今天要编译安装 pdo_mysql 扩展, ...
- Mac Pro 安装 Sublime Text 3,个性化设置,主题 和 插件 收藏
1.到官网下载安装包 http://www.sublimetext.com/3 2.附注册码一枚 Sublime Text 3 3126 —– BEGIN LICENSE —– Alexey Plut ...
- 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, ...
- C++ STL模板
C++中的STL(Standard Template Library)用起来挺方便的,这里我们来做一下总结. 一.set set是STL中一种标准关联容器 (vector,list,string,de ...
- DOM对象
DOM是以层次结构组织的节点或信息片断的集合.文档对象模型(Document Object Model)是给HTML与XML文件使用的一组API.DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁. ...