常见的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 相关文章推荐
THREE.JS入门教程(2)着色器-上
Jan 24 Javascript
node在两个div之间移动,用ztree实现
Mar 06 Javascript
jQuery滚动加载图片效果的实现
Mar 06 Javascript
input输入框的自动匹配(原生代码)
Mar 19 Javascript
在JavaScript中typeof的用途介绍
Apr 11 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
Nov 25 Javascript
jQuery实现调整表格单列顺序完整实例
Jun 20 Javascript
第一次接触神奇的Bootstrap网格系统
Jul 27 Javascript
javascript构造函数以及原型对象的理解
Jan 13 Javascript
Vue表单输入绑定的示例代码
Nov 01 Javascript
angular2 NgModel模块的具体使用方法
Apr 10 Javascript
js基于div丝滑实现贝塞尔曲线
Sep 23 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 Array交叉表实现代码
2010/08/05 PHP
一个PHP验证码类代码分享(已封装成类)
2011/07/17 PHP
JpGraph php柱状图使用介绍
2011/08/23 PHP
PHP的PSR规范中文版
2013/09/28 PHP
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
2009/12/09 Javascript
js为空或不是对象问题的快速解决方法
2013/12/11 Javascript
JS在IE下缺少标识符的错误
2014/07/23 Javascript
JavaScript获取表单内所有元素值的方法
2015/04/02 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
从零学习node.js之express入门(六)
2017/02/25 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
2017/03/23 jQuery
jquery replace方法去空格
2017/05/08 jQuery
详解vue2.0监听属性的使用心得及搭配计算属性的使用
2018/07/18 Javascript
js中split()方法得到的数组长度问题
2018/07/19 Javascript
在微信小程序中使用图表的方法示例
2019/04/25 Javascript
微信小程序收货地址API兼容低版本解决方法
2019/05/18 Javascript
javascript实现文字跑马灯效果
2020/06/18 Javascript
[53:49]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python3.3教程之模拟百度登陆代码分享
2014/01/16 Python
疯狂上涨的Python 开发者应从2.x还是3.x着手?
2017/11/16 Python
在pandas中一次性删除dataframe的多个列方法
2018/04/10 Python
使用python判断你是青少年还是老年人
2018/11/29 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
在django中使用apscheduler 执行计划任务的实现方法
2020/02/11 Python
详解tf.device()指定tensorflow运行的GPU或CPU设备实现
2021/02/20 Python
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
介绍一下XMLHttpRequest对象
2012/02/12 面试题
中介业务员岗位职责
2014/04/09 职场文书
后备干部推荐材料
2014/12/24 职场文书
巾帼标兵事迹材料
2014/12/26 职场文书
李强为自己工作观后感
2015/06/11 职场文书
母亲去世追悼词
2015/06/23 职场文书
读《教育心理学》心得体会
2016/01/22 职场文书
PostgreSQL通过oracle_fdw访问Oracle数据的实现步骤
2021/05/21 PostgreSQL
SQL Server实现分页方法介绍
2022/03/16 SQL Server