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过滤选择器,布布扣,bubuko.com

时间: 2024-10-11 23:10:14

jQueryt过滤选择器的相关文章

JQuery表单元素过滤选择器

此选择器主要是对所选择的表单元素进行过滤: 选择器 描述 返回 enabled 选择所有的可用的元素 集合元素 disabled 选择所有的不可用的元素 集合元素 checked 选择所有被选中的元素(单选框,复选框) 集合元素 selected 选择所有被选中选项元素(下拉列表) 集合元素 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd&q

一步一步学习 JQuery (四) 过滤选择器:属性过滤选择器 &amp;&amp; 子元素过滤选择器 &amp;&amp; 表单过滤选择器

四.属性过滤选择器 属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 选取下列元素,改变其背景色为 # bbffaa 含有属性title 的div元素. 属性title值等于"test"的div元素. 属性title值不等于"test"的div元素(没有属性title的也将被选中). 属性title值 以"te"开始 的div元素. 属性title值 以"est"结束 的div元素. 属性title值 含有"

jQuery学习之路(四)之过滤选择器

今天是第四课主要学习过滤选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>lesson4 过滤选择器</title> <link rel="stylesheet" type="text/css" href="css/lesson.css" ></link>

第一百六十五节,jQuery,过滤选择器

jQuery,过滤选择器 学习要点: 1.基本过滤器 2.内容过滤器 3.可见性过滤器 4.子元素过滤器 5.其他方法 过滤选择器简称:过滤器.它其实也是一种选择器,而这种选择器类似与 CSS3 (http://t.mb5u.com/css3/)里的伪类,可以让不支持 CSS3 的低版本浏览器也能支持.和常规 选择器一样,jQuery 为了更方便开发者使用,提供了很多独有的过滤器. 一.基本过滤器 过滤器主要通过特定的过滤规则来筛选所需的 DOM 元素,和 CSS 中的伪类的语法类 似:使用冒号

jQuery学习之过滤选择器

:first 选取第一个元素:$("div:first") :last 选取最后一个元素:$("div:last") :not(selector) 取出除selector之外的其他元素:$("div:not(.class)") :even 选取索引为偶数的元素:$("div:even") :odd 选取索引为奇数的元素:$("div:odd") :eq(index) 索引等于index:$("di

Jquery学习笔记-过滤选择器

1.根据某过滤规则进行元素的匹配,书写时以":"号开头,通常用于查找集合元素中的某一位置的单个元素. $("li:first") 第一个 $("li:last") 最后一个 2.如果想从一组标签元素数组中,灵活选择任意的一个标签元素,我们可以使用:eq(index) 其中参数index表示索引号(即:一个整数),它从0开始. 如果index的值为3,表示选择的是第4个元素:$("li:eq(3)") 3.按照文本内容来查找一个

一步一步学习 JQuery (三) 过滤选择器:基本过滤选择器 &amp;&amp; 内容过滤选择器 &amp;&amp; 可见性过滤选择器

过滤选择器: 过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 ":" 开头 按照不同的过滤规则, 过滤选择器可以分为基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤和表单对象属性过滤选择器. 一.基本过滤选择器 改变第一个 div 元素的背景色为 # bbffaa 改变最后一个 div 元素的背景色为 # bbffaa 改变class不为 one 的所有 div 元素的背景色为 # bbffaa 改变索引值为偶数的 div 元素的背景色为 #

jQuery 过滤选择器

jQuery 选择器(一) 1.ID选择器根据控件ID获取jQeruy,相当于javascript的getelementById.使用方法:$("#myid"),获取ID等于myid的jquery对象. 2.标签选择器使用标签名称获取jQuery,相当于javascript的getElementsByTagName_r().使用方法:$("p"),获取所有p标签.3.class选择器class为元素的定义样式,根据class名称获取jquery对象.如:$(&quo

过滤选择器

过滤选择器简称:过滤器.它其实也是一种选择器,而这种选择器类似于CSS3(http://t.mb5u.com/css3/)里的伪类,可以让不支持CSS3的低版本浏览器也能支持.和常规选择器一样,jQuery为了更方便开发者使用,提供了很多独有的过滤器. 基本过滤器 过滤器主要通过特定的过滤规则来筛选所需的DOM元素,和CSS中的伪类的语法类似:使用冒号(:)开头. 过滤器名 jQuery语法 说明 返回 :first $("li:first") 选取第一个元素 单个元素 :last $