第71天:jQuery基本选择器(二)
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] |
匹配属性值不等于 |
集合元素 |
$(“a[title!=test]“) |
[attr^=value] |
匹配属性值以value |
集合元素 |
$(“img[alt^=welcome]“) |
[attr$=value] |
匹配属性值以value |
集合元素 |
$(“img[alt$=last]“) |
[attr*=vlaue] |
匹配属性值中含有 |
集合元素 |
$(“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, |
集合元素 |
$(“input”) |
:text |
匹配所有文本框 |
集合元素 |
$(“:text”) |
:password |
匹配所有密码框 |
集合元素 |
$(“:password”) |
:radio |
匹配所有单选框 |
集合元素 |
$(“:radio”) |
:checkbox |
匹配所有多选框 |
集合元素 |
$(“:checkbox”) |
:submit |
匹配所有提交按钮 |
集合元素 |
$(“:submit”) |
:image |
匹配所有图像按钮 |
集合元素 |
$(“:image”) |
:reset |
匹配所有重置按钮 |
集合元素 |
$(“:reset”) |
:button |
匹配所有按钮 |
集合元素 |
$(“:button”) |
:file |
匹配所有上传域 |
集合元素 |
$(“:file”) |
第71天:jQuery基本选择器(二)的更多相关文章
- jQuery笔记---选择器(二)
1.选择器练习: 1)查找UL中的元素的内容 格式:$(“ul li:XX”).text() XX:代表方法 比如:获取到第一元素,然后获取当中的值 $(“ul li:first”).text() 获 ...
- jQuery基础学习(二)—jQuery选择器
一.jQuery基本选择器 1.CSS选择器 在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器 语法 描述 示例 标签选择器 E { ...
- jQuery学习之二 jQuery选择器
一.jQuery选择器是什么1.CSS选择器2.jQuery选择器 二.jQuery选择器的优势1.简洁的写法2.支持从CSS1到CSS3选择器3.完善的处理机制 传统js选择器假如要操作的元素不存 ...
- jQuery基本选择器模块(二)
选择器模块 1.push方法的兼容性(了解) 问题:IE8不支持aplly方法中的第二个参数是 伪数组 目标:实现 push 方法的浏览器兼容性问题 var push = [].push; try { ...
- jquery-5 jQuery筛选选择器
jquery-5 jQuery筛选选择器 一.总结 一句话总结:选择器加动态添加方法可以不用想方法名,这个简单方便. 1.筛选选择器有哪三种? 过滤 查找 串联 1.过滤 eq();first(); ...
- jQuery过滤选择器
//基本过滤器$('li:first').css('background','#ccc');//第一个元素$('li:last').css('background','red');//最后一个元素$( ...
- jQuery基础之二
jQuery基础之二 jQuery的中文文档十分详细,并且权威.W3C的jQuery文档更加简单实用. jQuery 1.9.0 jQuery中文文档W3C的jQuery文档 jQuery操作DO ...
- jQuery常用选择器总结
jQuery常用选择器总结: 我们都知道jQuery是JavaScript(JS)的框架,它的语法简单使用方便,被广大开发人员青睐.现在我就它常用的并且十分强大的选择器的方式,做一个总结.鉴于它的选择 ...
- js jquery css 选择器总结
js jquery css 选择器总结 一.原始JS(Document 对象)选择器. id选择器:document.getElementById("test"); name选择器 ...
- python 全栈开发,Day53(jQuery的介绍,jQuery的选择器,jQuery动画效果)
js总结 js: 1.ECMAScript5 ES5语法 2.DOM CRUD 获取 3种方式 id tag className //面向对象 对象 : 属性和方法 某个对象中 function $( ...
随机推荐
- Tomcat 8.5 基于 Apache Portable Runtime(APR)库性能优化
Tomcat可以使用Apache Portable Runtime来提供卓越的性能及可扩展性,更好地与本地服务器技术的集成.Apache Portable Runtime是一个高度可移植的库,位于Ap ...
- git配置config记住密码
设置记住密码(默认15分钟): git config --global credential.helper cache如果想自己设置时间,可以这样做: git config credential.he ...
- C#如何使用反射实现通过字符串创建类
在做项目中碰到一个问题,就是如何在知道一个类的名字,如何创建这个类呢.做的一个小测试,直接贴代码了. using System; using System.Collections.Generic; u ...
- 怎样安装JMeter
JMeter有图形界面, 而且支持中文! JMeter官网地址: http://jmeter.apache.org/ 点击左上角的下载: 点击下面的.zip后缀的压缩包: 解压到本地: JMeter目 ...
- Linux命令应用大词典-第14章 显示登录用户
14.1 w:详细查询已登录当前计算机的用户 14.2 who:显示已登录当前计算机用户的简单信息 14.3 whoami:显示与当前的有效ID相关联的用户名 14.4 logname:显示当前用户的 ...
- hello word!------为什么开通博客以及自我介绍
来北京已经一年半的日子了,已经完全成功熟练的成为了另一个我,没有了半年前刚来时的那种焦虑.急躁和格格不入. 回想起来那段时间,大概是我人生中非常重要的时期了,去年那个夏天,只身一人背上行囊踏上了北上的 ...
- 【转】Bootstrap FileInput中文API整理
Bootstrap FileInput中文API整理 这段时间做项目用到bootstrap fileinput插件上传文件,在用的过程中,网上能查到的api都不是很全,所以想着整理一份比较详细的文档, ...
- 关于java中“使用了未经检查或不安全的操作、有关详细信息,请使用 ——Xlint:unchecked重新编译”
今天看<算法 第4版>排序章节时,发现了一个了一个小问题.先贴一下代码: public class Selection{ public static void main(String[]a ...
- 小球下落 (Dropping Balls,UVA 679)
题目描述: 题目思路: 1.直接用数组模拟二叉树下落过程 //超时 #include <iostream> #include <cstring> using namespace ...
- [Clr via C#读书笔记]Cp4类型基础
Cp4类型基础 Object类型 Object是所有类型的基类,有Equals,GetHashCode,ToString,GetType四个公共方法,其中GetHashCode,ToString可以o ...