常见的jQuery选择器汇总


Posted in Javascript onNovember 24, 2014

基本元素选择器

$("p")

$("p.ii")选取所有class=ii的 p元素

$("p#demo")选取id=demo的第一个p元素

分层选择器

$("div input")div 下的所有input

$("div>input")

基本条件选择器

$("p:first")

$("p:last")

$("tr:even")选择偶数行

$("tr:odd")奇数

$("input:not(:checked)")选择所有为本选中的元素

$("tr:eq(1)")索引值为1的表格

$("tr:gt(0)")大于0

$("tr:lt(0)")小于0

$(":header")选择所有标题元素

$(":animated")正在执行的动画

内容条件选择器

$("div:constains('ddd')")选择包含ddd文本的层元素

$("td:empty")选择不包含文本或者子元素的表格单元

$("div:has(p)")选择包含段落元素的层元素

$("td:parent")选择包含子元素或者文本的表格单元

可见性条件选择器

$("tr:hidden")  //选择所有隐藏的表格

$("tr:visible") 选择所有可见的表格

属性选择器

$("div[id]")具有id属性的层

$("input[name='']") input属性name=''

$("input[name!='']")

$("input[name^='']")选择具有name属性并且值为‘'为起始内容的表单输入元素

$("input[name$='']")选择具有name属性并且值为‘'为结束内容的表单输入元素

$("input[name*='']")选择具有name属性并且值为‘'的表单输入元素

$("input[id][name$='']")选择具有id和name属性的值以‘'为结束内容的输入表单元素

子元素选择器

$("ul li:nth-child(2)")选择第二个列表项

$("ul li:nth-child(even)")

$("ul li:nth-child(odd)")

$("ul li:nth-child(3n)")

$("ul li:first-child")

$("ul li:last-child")

$("ul li:only-child")选择列表出现且仅出现一个列表项

表单元素选择器

$("input")选择所有 input textarea select button等元素

$(":text")文本行

$(":password")

$(":radio")

$(":checkbox")

$(":submit")

$(":image")

$(":reset")

$(":button")

$(":file")

$(":hidden")

表单属性选择器

$("input:enabled")  //选择所有可用

$("input:disabled")

$("input:checked")

$("select:option:selected")
Javascript 相关文章推荐
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 Javascript
JSON传递bool类型数据的处理方式介绍
Sep 18 Javascript
js实现商品抛物线加入购物车特效
Nov 18 Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 Javascript
JQuery控制图片由中心点逐渐放大效果
Jun 26 Javascript
js对象浅拷贝和深拷贝详解
Sep 05 Javascript
Angularjs过滤器实现动态搜索与排序功能示例
Dec 13 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
vue使用websocket的方法实例分析
Jun 22 Javascript
jquery树形插件zTree高级使用详解
Aug 16 jQuery
如何基于js判断浏览器版本
Feb 20 Javascript
Bootstrap FileInput实现图片上传功能
Jan 28 Javascript
Javascript学习笔记之相等符号与严格相等符号
Nov 23 #Javascript
Javascript学习笔记之数组的构造函数
Nov 23 #Javascript
Javascript学习笔记之数组的遍历和 length 属性
Nov 23 #Javascript
Javascript 赋值机制详解
Nov 23 #Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
Nov 23 #Javascript
Javascript学习笔记之函数篇(五) : 构造函数
Nov 23 #Javascript
Javascript学习笔记之函数篇(四):arguments 对象
Nov 23 #Javascript
You might like
详解PHP的Yii框架中组件行为的属性注入和方法注入
2016/03/18 PHP
js加入收藏夹代码(兼容ie/ff/op)
2014/05/16 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
2015/08/24 Javascript
jQuery获取DOM节点实例分析(2种方式)
2015/12/15 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
2016/03/11 Javascript
JS之获取样式的简单实现方法(推荐)
2016/09/13 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
JS实现元素上下左右移动效果
2017/10/18 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
vue配置接口域名方法总结
2019/05/12 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
2019/09/17 Javascript
js实现简单进度条效果
2020/03/25 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
[01:14]TI珍贵瞬间系列(六):冠军
2020/08/30 DOTA
python获得两个数组交集、并集、差集的方法
2015/03/27 Python
python学习数据结构实例代码
2015/05/11 Python
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
通过实例浅析Python对比C语言的编程思想差异
2015/08/30 Python
pycharm修改file type方式
2019/11/19 Python
python词云库wordCloud使用方法详解(解决中文乱码)
2020/02/17 Python
python str字符串转uuid实例
2020/03/03 Python
jupyter notebook运行命令显示[*](解决办法)
2020/05/18 Python
python 用opencv实现霍夫线变换
2020/11/27 Python
全球知名鞋履品牌授权零售商:Journeys
2016/09/17 全球购物
美国室内和室外装饰花盆购物网站:ePlanters
2019/03/22 全球购物
.NET面试问题集
2015/12/08 面试题
介绍一下HDLC(High-Level Data Link Control)高层数据链路协议
2012/01/21 面试题
应届生求职推荐信
2013/10/28 职场文书
大学生学业生涯规划
2014/01/05 职场文书
高中运动会入场词
2014/02/14 职场文书
2014年租房协议书范本
2014/10/30 职场文书
2014年安全员工作总结
2014/11/13 职场文书
教师节感谢信
2015/01/22 职场文书
2015年后勤工作总结范文
2015/04/08 职场文书
转学证明范本
2015/06/19 职场文书