常见的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 相关文章推荐
Javasipt:操作radio标签详解
Dec 30 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
JavaScript 模块化编程(笔记)
Apr 08 Javascript
使用requestAnimationFrame实现js动画性能好
Aug 06 Javascript
jquery div模态窗口的简单实例
May 28 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
带你快速理解javascript中的事件模型
Aug 14 Javascript
vue基于Element构建自定义树的示例代码
Sep 19 Javascript
Vuex中的State使用介绍
Jan 19 Javascript
详解vuex之store源码简单解析
Jun 13 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
Apr 26 Javascript
Vue实现菜单切换功能
Nov 08 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
手把手教你使用DedeCms V3的在线采集图文教程
2007/04/03 PHP
php实现微信公众号无限群发
2015/10/11 PHP
php cookie工作原理与实例详解
2016/07/18 PHP
PHP isset empty函数相关面试题及解析
2020/12/11 PHP
newxtree.js代码
2007/03/13 Javascript
javascript的trim,ltrim,rtrim自定义函数
2008/09/21 Javascript
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
判断控件是否已加载完成的代码
2010/02/24 Javascript
js 中的switch表达式使用示例
2020/06/03 Javascript
jQuery 删除/替换DOM元素的几种方式
2014/05/20 Javascript
html文档中的location对象属性理解及常见的用法
2014/08/13 Javascript
轻松创建nodejs服务器(9):实现非阻塞操作
2014/12/18 NodeJs
javascript实现文字无缝滚动
2016/12/27 Javascript
浅谈JavaScript的函数及作用域
2016/12/30 Javascript
微信小程序 后台登录(非微信账号)实例详解
2017/03/31 Javascript
vue.js全局API之nextTick全面解析
2017/07/07 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
jQuery响应滚动条事件功能示例
2017/10/14 jQuery
详解给Vue2路由导航钩子和axios拦截器做个封装
2018/04/10 Javascript
你点的 ES6一些小技巧,请查收
2018/04/25 Javascript
layui switch 开关监听 弹出确定状态转换的例子
2019/09/21 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
Python实现希尔排序算法的原理与用法实例分析
2017/11/23 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
使用HTML5 IndexDB存储图像和文件的示例
2018/11/05 HTML / CSS
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
家乐福巴西网上超市:Carrefour巴西
2016/10/31 全球购物
英国最大的海报商店:GB Posters
2018/03/20 全球购物
什么是Linux虚拟文件系统VFS
2015/08/25 面试题
董事长岗位职责
2013/11/30 职场文书
新闻传媒系求职信范文
2014/04/19 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
新闻稿件写作技巧
2015/07/18 职场文书
创业计划书之校园跑腿公司
2019/09/24 职场文书