常见的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 相关文章推荐
JQuery从头学起第二讲
Jul 04 Javascript
JavaScript 字符串处理函数使用小结
Dec 02 Javascript
javascript学习笔记(一) 在html中使用javascript
Jun 18 Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
Jan 22 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
May 03 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
纯前端JavaScript实现Excel IO案例分享
Aug 26 Javascript
原生js实现网易轮播图效果
Apr 10 Javascript
Vue数据驱动模拟实现3
Jan 11 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
Sep 18 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
微信小程序之高德地图多点路线规划过程示例详解
Jan 18 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中feof()函数实例测试
2014/08/23 PHP
php打印一个边长为N的实心和空心菱型的方法
2015/03/02 PHP
PHP序列化操作方法分析
2016/09/28 PHP
laravel 数据验证规则详解
2019/10/23 PHP
通过实例解析PHP数据类型转换方法
2020/07/11 PHP
Jquery实现三层遍历删除功能代码
2013/04/23 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
JavaScript中的比较操作符>、=、
2014/12/31 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
javascript模拟命名空间
2015/04/17 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
深入浅析Extjs中store分组功能的使用方法
2016/04/20 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
2016/09/09 Javascript
js实现常见的工具条效果
2017/03/02 Javascript
vue.js的提示组件
2017/03/02 Javascript
WebStorm ES6 语法支持设置&babel使用及自动编译(详解)
2017/09/08 Javascript
vue移动端弹框组件的实例
2018/09/25 Javascript
JavaScript实现横版菜单栏
2020/03/17 Javascript
解决Antd Table表头加Icon和气泡提示的坑
2020/11/17 Javascript
vue中使用echarts的示例
2021/01/03 Vue.js
Python3导入自定义模块的三种方法详解
2018/04/13 Python
Python数据预处理之数据规范化(归一化)示例
2019/01/08 Python
一文秒懂python读写csv xml json文件各种骚操作
2019/07/04 Python
docker-py 用Python调用Docker接口的方法
2019/08/30 Python
用python获取txt文件中关键字的数量
2020/12/24 Python
Casetify官网:自制专属手机壳、iPad护壳和Apple Watch手表带
2018/05/09 全球购物
KEEN美国官网:美国人气户外休闲鞋品牌
2021/03/09 全球购物
大学本科毕业生求职简历的自我评价
2013/10/09 职场文书
应聘护士自荐信
2013/10/21 职场文书
中专生学习生活的自我评价分享
2013/10/27 职场文书
生日派对邀请函
2014/01/13 职场文书
总账会计岗位职责
2014/03/13 职场文书
捐资助学倡议书
2014/04/15 职场文书
竞选学习委员演讲稿
2014/09/01 职场文书
在职证明书模板
2015/06/15 职场文书
环境保护宣传标语大全!
2019/06/28 职场文书