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过滤选择器相关推荐

6.:first-child子元素过滤选择器
通过上面章节的学习,我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素,但该选择器返回的只有一个元素,并不是一个集合,而使用:first-child子元素过滤选择器则可以获取每个父元素 ...
jQuery选择器之可见性过滤选择器
本文接上篇聊聊可见性过滤选择器. 五.可见性过滤选择器可见性过滤选择器根据元素是否可见的特征获取元素,其详细的说明如表所示示例代码: <head><title> 使用 jQ ...
jq查找字段忽略html标签,jquery内容过滤选择器有哪些？
jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上,主要包括四种过滤方法: :contains(text).:empty .:has(seletor) .:paren ...
jQuery的选择器——可见性过滤选择器
jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素.主要有两个:可见:visible和不可见:hidden.今天我们主要来学习这两个选择器的使用.先来看一个HTML结构,方便学习 ...
jq选择器||基本选择器层级选择器属性选择器过滤选择器表单过滤选择器
基本选择器层级选择器属性选择器过滤选择器表单过滤选择器 1. 基本选择器 1. 标签选择器(元素选择器) * 语法: $("html标签 ...
jQuery选择器之可见性过滤选择器Demo
测试代码 05-可见性过滤选择器.html 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
过滤选择器——子元素过滤选择器
在页面开发过程中,常常遇到突出指定某行的需求.虽然使用基本过滤选择器:eq(index)可以实现单个表格的显示,但不能满足大量数据和多个表格的选择需求.为了实现这样的功能,jQuery中可以通过子元素 ...
jQuery中的表单对象属性过滤选择器（四、八）：:enabled、:disabled、:checked、:selected...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head ...
过滤选择器——可见性过滤选择器
可见性过滤选择器根据元素是否可见的特征获取元素,其详细的说明如表: 选择器功能返回值 :hidden 获取所有不可见元素,或者type为hidden的元素元素集合 :visible 获取所有可见 ...

jQueryt过滤选择器

基本过滤选择器

内容过滤选择器

可见性过滤选择器

属性过滤选择器

子元素过滤选择器

表单对象属性过滤选择器

表单对象属性过滤选择器

jQueryt过滤选择器相关推荐

最新文章

热门文章