*jQuery选择器总结(原创:最全、最系统、实例展示)
jquery选择器包括四部分:
一、基本选择器
二、层次选择器
三、过滤选择器
四、表单元素选择器
一、基本选择器
1.ID选择器:$('#myDiv');
2.类选择器:$('.className');
3.元素选择器:$('p');
4.通配符选择器:$('*');
5.复合选择器:$('span,#two');
二、层次选择器
1.$('ul li'):选择ul下的所有后代li元素
2.$('ul>li'):选择ul下的所有子代li元素
3.$("label + input"):选择label标签后面直接跟一个input标签的所有input标签元素
4.$('span~b'):选择span元素之后的所有b元素。
$('ul>li:nth-child(1)~li') //选择除了第一个li以外的所有li
三、过滤选择器
1.基本过滤选择器
$("tr:first"):选择第一个tr元素
$("tr:last"):选择最后一个tr元素
$("input:not(:checked)"):选择所有未被选择的input元素
$("input:not(:empty)"):所有不为空的 input 元素
$("tr:even"):选择所有的tr元素的第0,2,4... ...个元素
$("tr:odd"):选择所有的tr元素的第1,3,5... ...个元素
$("td:eq(2)"):选择序号为2的元素(选择第3个td元素)
$("td:gt(4)"):选择td元素中序号大于4的所有td元素
$("td:lt(4)"):选择td元素中序号小于4的所有的td元素
2.内容过滤选择器:
$("div:contains('John')"):选择所有div中含有John文本的元素
$("td:empty"):选择所有不包含子元素的td元素
$("div:has(p)"):选择所有含有p标签的div元素
$("td:parent"):选择所有的以td为父节点的子元素
3.可视化过滤选择器:
$("div:hidden"):选择所有的被hidden的div元素
$("div:visible"):选择所有的可看见的div元素
3.属性过滤选择器:
$("div[id]"):选择所有含有id属性的div元素
$("input[name='newsletter']"):选择所有的name属性等于'newsletter'的input元素
$("input[name!='newsletter']"):选择所有的name属性不等于'newsletter'的input元素
$("input[name^='news']"):选择所有的name属性以'news'开头的input元素
$("input[name$='news']"):选择所有的name属性以'news'结尾的input元素
$("input[name*='man']"): 选择所有的name属性包含'news'的input元素
$("input[id][name$='man']"):可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素
4.子元素过滤选择器:
$("ul li:nth-child(2)"):选择第2个li元素
$("ul li:nth-child(odd)"):选择第偶数个li元素(基数为even)
$("ul li:nth-child(3n + 1)"):选择第1、4、7、10...个li元素
$("div span:first-child"):选择div元素的第一个span
$("div span:last-child"):选择div元素的最后一个span
$("div button:only-child"):div中所有只有唯一一个子节点的子节点
5.表单元素过滤选择器:
$(":enabled"):选择所有的可操作的表单元素
$(":disabled"):选择所有的不可操作的表单元素
$(":checked"):选择所有的被checked的表单元素
$("select option:selected"):选择所有的select的子元素中被selected的元素
四、表单元素选择器
$(":input"):选择所有的表单输入元素,包括input, textarea, select 和 button
$(":text"):选择所有的text input元素
$(":password"):选择所有的password input元素
$(":radio"):选择所有的radio input元素
$(":checkbox"):选择所有的checkbox input元素
$(":submit"):选择所有的submit input元素
$(":image"):选择所有的image input元素
$(":reset"):选择所有的reset input元素
$(":button"):选择所有的button input元素
$(":file"):选择所有的file input元素
$(":hidden"):选择所有类型为hidden的input元素或表单的隐藏域
转载请注明出处:http://www.cnblogs.com/jacksplwxy/p/6644638.html
*jQuery选择器总结(原创:最全、最系统、实例展示)的更多相关文章
- jquery选择器(原创)<二>
jquery选择器,选择接着学: 前面学习了基本选择器中的CSS选择器,现在学层级选择器: 1.子元素选择器 子元素选择器,用于在给定的父元素下,查找这个父元素下面的所有的子元素,语法格式,如下: $ ...
- jquery选择器(原创)
jquery选择器大方向可以分为这样: 下面我们先来看看基本选择器总的CSS选择器: 1.标签选择器: $("element") 其中,参数element,表示待查找的HTML标记 ...
- jquery选择器(原创)<四>
前面学习了基本选择器,现在学习过滤选择器中的简单过滤选择器: 简单过滤选择器,主要根据索引值对元素进行筛选,这些过滤选择器类似于CSS的伪类选择器,他们均以冒号(:)开头,并且要与另外一个选择器一起使 ...
- JQUERY 选择器 总结,比较全
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个 ...
- jquery选择器(原创)<三>
现在来看看表单域选择器 1.:input选择器 :input选择器,用于选择所有Input,textarea,select和button元素,语法格式如下: $(":input") ...
- jQuery选择器全解
本篇介绍jQuery的选择器,jQuery选择器按照功能上分为"选择"和"过滤",并且是配合使用的.过滤的主要作用是从前面选定的选择器中选择的内容重进行筛选. ...
- jQuery选择器我犯的错误(原创)
jQuery的选择器十分强大,但是在使用jQuery选择器的时候一定要十分小心,空格.冒号.引号到处都是坑,老手也不能避免,只能勤加练习,熟能生巧,掌握规律,为了练习,凡是到选择器的地方我都自己先敲, ...
- jQuery选择器(一)
晚上闲着没事,正好用来整理下jQuery的选择器,毕竟没有总结就不算学习嘛. 首先,对事件处理.遍历DOM和Ajax操作,都依赖于选择器. 1.CSS选择器 要使用某个HTML元素,就先要找到它,而c ...
- 精通jQuery选择器
虽然jQuery上手简单,相比于其他库学习起来较为简单,但是要全面掌握,却不轻松.因为它涉及到网页开发的方方面面,提供的方法和内部变化有上千种之多.初学者常常感到,入门很方便,提高很困难.本文的目标是 ...
随机推荐
- zxing全屏识别(v2.5.0崩溃问题记录)
自己遇到的问题:/** * Like {@link #getFramingRect} but coordinates are in terms of the preview frame, * not ...
- docker 安装与使用
1.yum安装docker yum -y install docker 2.启动docker service docker start 3.检验运行状态 systemctl status docker ...
- spring boot 中统一异常处理
基于 spring boot 对异常处理的不友好,现在通过其他的方式来统一处理异常 步骤一:自定义异常类 public class UserNotExistException extends Runt ...
- centos磁盘满了,查找大文件并清理
今天发现vps敲入crontab -e 居然提示 “Disk quota exceeded” 无法编辑.于是"df -h"查了查发现系统磁盘空间使用100%了.最后定位到是/var ...
- cf-Round551-Div2-C. Serval and Parenthesis Sequence(贪心)
题目链接:http://codeforces.com/contest/1153/problem/C 题意:给定由'(',')','?'组成的字符串,问是否能将其中的?全部换成'(‘,’)'使得字符串的 ...
- ATX 安卓设备 WiFi 统一管理以及设备自动化测试
众所周知,安卓单台设备的UI自动化测试已经比较完善了,有数不清的自动化框架或者工具.但是介绍多设备管理的内容并不多,当手里的手机多了之后,要做自动化测试平台,这块的东西又不得不碰,摆脱USB限制,接入 ...
- Intent Activity跳转 传递数据 Bundle
1.普通跳转: Intent intent=new Intent(); intent.setClass(MainActivity.this,NewActivity.class); //新建一个Inte ...
- Android Studio生成签名安装包(Generate Signed APK)
一 打开构建对话框. 二 创建新的密钥库(key store) 可以选择已创建的密钥库,也可以选择创建新的密钥库. 创建完成后,自动导入. 三 选择签名类型. 如果不选,会提示错误. 这里将新旧两种签 ...
- ubuntu系列-安装google浏览器
转载:http://www.linuxidc.com/Linux/2013-10/91857.htm 对于刚刚开始使用Ubuntu并想安装谷歌Chrome浏览器的新用户来说,本文所介绍的方法是最快捷的 ...
- mysql系列(3)之 DML语句
DML操作指的是对数据库中表记录的操作,主要包括表记录的插入(insert).更新(update).删除(delete)和查询(select). 1.插入