jQuery选择器

一、内容过滤选择器

选择器

描 述

返 回

示 例

:contains(text)

匹配含有文本内容text
的元素

集合元素

$(“p:contains(今天)”)

:empty

匹配不含子元素或
文本元素的空元素

集合元素

$(“p:empty”)

:has(selector)

匹配包含selector元素
的元素

集合元素

$(“div:has(span)”)

:parent

匹配含有子元素或文本
的元素

集合元素

$(“div:parent”)

二、可见性过滤选择器

选择器

描 述

返 回

示 例

:hidden

匹配所有不可见
的元素

集合元素

$(“:hidden”)

:visible

匹配所有可见元素

集合元素

$(“:visible”)

三、属性过滤选择器

选择器

描 述

返 回

示 例

[attr]

匹配拥有此属性
的元素

集合元素

$(“img[alt]“)

[attr=value]

匹配属性值为value
的元素

集合元素

$(“a[title=test]“)

[attr!=value]

匹配属性值不等于
value的元素

集合元素

$(“a[title!=test]“)

[attr^=value]

匹配属性值以value
开头的元素

集合元素

$(“img[alt^=welcome]“)

[attr$=value]

匹配属性值以value
结尾的元素

集合元素

$(“img[alt$=last]“)

[attr*=vlaue]

匹配属性值中含有
value的元素

集合元素

$(“div[title*=test]“)

[attr1][attr2]…

通过多个属性
进行匹配

集合元素

$(“div[id][title*=test]“)

四、子元素过滤选择器

选择器

描 述

返 回

示 例

:nth-child

匹配开始

集合元素

$(“div:nth-child(2)”)

:first-child

匹配每个父元素的
第一个子元素

集合元素

$(“div:first-child”)

:last-child

匹配每个父元素的
最后一个子元素

集合元素

$(“div:last-child”)

: only-child

某元素是它父元素中
的唯一的子元素
则匹配它

集合元素

$(“div:only-child”)

五、表单对象属性过滤选择器

选择器

描 述

返 回

示 例

:enabled

匹配所有可用元素

集合元素

$(“form :enabled”)

:disabled

匹配所有不可用
的元素

集合元素

$(“form :disabled”)

:checked

匹配所有被选中的元素
(含单选框,复选框)

集合元素

$(“input:checked”)

:selected

匹配所有被选中的
选项元素

集合元素

$(“select :selected”)

六、表单选择器

选择器

描 述

返 回

示 例

:input

匹配所有input, textarea,
select, button元素

集合元素

$(“input”)

:text

匹配所有文本框

集合元素

$(“:text”)

:password

匹配所有密码框

集合元素

$(“:password”)

:radio

匹配所有单选框

集合元素

$(“:radio”)

:checkbox

匹配所有多选框

集合元素

$(“:checkbox”)

:submit

匹配所有提交按钮

集合元素

$(“:submit”)

:image

匹配所有图像按钮

集合元素

$(“:image”)

:reset

匹配所有重置按钮

集合元素

$(“:reset”)

:button

匹配所有按钮

集合元素

$(“:button”)

:file

匹配所有上传域

集合元素

$(“:file”)

第71天:jQuery基本选择器(二)的更多相关文章

  1. jQuery笔记---选择器(二)

    1.选择器练习: 1)查找UL中的元素的内容 格式:$(“ul li:XX”).text() XX:代表方法 比如:获取到第一元素,然后获取当中的值 $(“ul li:first”).text() 获 ...

  2. jQuery基础学习(二)—jQuery选择器

    一.jQuery基本选择器 1.CSS选择器     在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器 语法 描述 示例   标签选择器 E {                 ...

  3. jQuery学习之二 jQuery选择器

    一.jQuery选择器是什么1.CSS选择器2.jQuery选择器 二.jQuery选择器的优势1.简洁的写法2.支持从CSS1到CSS3选择器3.完善的处理机制  传统js选择器假如要操作的元素不存 ...

  4. jQuery基本选择器模块(二)

    选择器模块 1.push方法的兼容性(了解) 问题:IE8不支持aplly方法中的第二个参数是 伪数组 目标:实现 push 方法的浏览器兼容性问题 var push = [].push; try { ...

  5. jquery-5 jQuery筛选选择器

    jquery-5  jQuery筛选选择器 一.总结 一句话总结:选择器加动态添加方法可以不用想方法名,这个简单方便. 1.筛选选择器有哪三种? 过滤 查找 串联 1.过滤 eq();first(); ...

  6. jQuery过滤选择器

    //基本过滤器$('li:first').css('background','#ccc');//第一个元素$('li:last').css('background','red');//最后一个元素$( ...

  7. jQuery基础之二

    jQuery基础之二   jQuery的中文文档十分详细,并且权威.W3C的jQuery文档更加简单实用. jQuery 1.9.0 jQuery中文文档W3C的jQuery文档 jQuery操作DO ...

  8. jQuery常用选择器总结

    jQuery常用选择器总结: 我们都知道jQuery是JavaScript(JS)的框架,它的语法简单使用方便,被广大开发人员青睐.现在我就它常用的并且十分强大的选择器的方式,做一个总结.鉴于它的选择 ...

  9. js jquery css 选择器总结

    js jquery css 选择器总结 一.原始JS(Document 对象)选择器. id选择器:document.getElementById("test"); name选择器 ...

  10. python 全栈开发,Day53(jQuery的介绍,jQuery的选择器,jQuery动画效果)

    js总结 js: 1.ECMAScript5 ES5语法 2.DOM CRUD 获取 3种方式 id tag className //面向对象 对象 : 属性和方法 某个对象中 function $( ...

随机推荐

  1. Tomcat 8.5 基于 Apache Portable Runtime(APR)库性能优化

    Tomcat可以使用Apache Portable Runtime来提供卓越的性能及可扩展性,更好地与本地服务器技术的集成.Apache Portable Runtime是一个高度可移植的库,位于Ap ...

  2. git配置config记住密码

    设置记住密码(默认15分钟): git config --global credential.helper cache如果想自己设置时间,可以这样做: git config credential.he ...

  3. C#如何使用反射实现通过字符串创建类

    在做项目中碰到一个问题,就是如何在知道一个类的名字,如何创建这个类呢.做的一个小测试,直接贴代码了. using System; using System.Collections.Generic; u ...

  4. 怎样安装JMeter

    JMeter有图形界面, 而且支持中文! JMeter官网地址: http://jmeter.apache.org/ 点击左上角的下载: 点击下面的.zip后缀的压缩包: 解压到本地: JMeter目 ...

  5. Linux命令应用大词典-第14章 显示登录用户

    14.1 w:详细查询已登录当前计算机的用户 14.2 who:显示已登录当前计算机用户的简单信息 14.3 whoami:显示与当前的有效ID相关联的用户名 14.4 logname:显示当前用户的 ...

  6. hello word!------为什么开通博客以及自我介绍

    来北京已经一年半的日子了,已经完全成功熟练的成为了另一个我,没有了半年前刚来时的那种焦虑.急躁和格格不入. 回想起来那段时间,大概是我人生中非常重要的时期了,去年那个夏天,只身一人背上行囊踏上了北上的 ...

  7. 【转】Bootstrap FileInput中文API整理

    Bootstrap FileInput中文API整理 这段时间做项目用到bootstrap fileinput插件上传文件,在用的过程中,网上能查到的api都不是很全,所以想着整理一份比较详细的文档, ...

  8. 关于java中“使用了未经检查或不安全的操作、有关详细信息,请使用 ——Xlint:unchecked重新编译”

    今天看<算法 第4版>排序章节时,发现了一个了一个小问题.先贴一下代码: public class Selection{ public static void main(String[]a ...

  9. 小球下落 (Dropping Balls,UVA 679)

    题目描述: 题目思路: 1.直接用数组模拟二叉树下落过程 //超时 #include <iostream> #include <cstring> using namespace ...

  10. [Clr via C#读书笔记]Cp4类型基础

    Cp4类型基础 Object类型 Object是所有类型的基类,有Equals,GetHashCode,ToString,GetType四个公共方法,其中GetHashCode,ToString可以o ...