常见的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 相关文章推荐
Javascript 解疑
Nov 11 Javascript
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
Jun 25 Javascript
javascript重复绑定事件造成的后果说明
Mar 02 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
Mar 22 Javascript
js CSS3实现卡牌旋转切换效果
Jul 04 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
Sep 20 Javascript
jQury Ajax使用Token验证身份实例代码
Sep 22 Javascript
Koa2微信公众号开发之消息管理
May 16 Javascript
微信小程序实现topBar底部选择栏效果
Jul 20 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
May 16 Javascript
vue 实现把路由单独分离出来
Aug 13 Javascript
JS实现九宫格拼图游戏
Jun 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
新版mysql+apache+php Linux安装指南
2006/10/09 PHP
php4与php5的区别小结(配置异同)
2011/12/20 PHP
php cli模式下获取参数的方法
2017/05/05 PHP
Javascript中的for in循环和hasOwnProperty结合使用
2013/06/05 Javascript
JS 页面计时器示例代码
2013/10/28 Javascript
JS获取URL中的参数数据
2013/12/05 Javascript
javascript中typeof的使用示例
2013/12/19 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
2014/04/10 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
jQuery模拟黑客帝国矩阵效果实例
2015/06/28 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
基于jQuery实现的美观星级评论打分组件代码
2015/10/30 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
2016/06/13 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
jQuery中JSONP的两种实现方式详解
2016/09/26 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
Python多线程编程(二):启动线程的两种方法
2015/04/05 Python
实例解析Python中的__new__特殊方法
2016/06/02 Python
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
浅谈python字符串方法的简单使用
2016/07/18 Python
django model去掉unique_together报错的解决方案
2016/10/18 Python
详解Python3定时器任务代码
2019/09/23 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
如何利用python读取micaps文件详解
2020/10/18 Python
信息技术专业大学生个人的自我评价
2013/10/05 职场文书
物业保安主管岗位职责
2013/12/25 职场文书
优秀党支部事迹材料
2014/01/14 职场文书
大四自我鉴定
2014/02/08 职场文书
竞争上岗演讲稿范文
2014/05/12 职场文书
学雷锋标语
2014/06/25 职场文书
个人查摆剖析材料
2014/10/16 职场文书
教师专业技术工作总结2015
2015/05/13 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS
分享几种python 变量合并方法
2022/03/20 Python
Python 视频画质增强
2022/04/28 Python