常见的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实现的水平和垂直居中的div窗口
Aug 08 Javascript
javascript错误的认识不用关心内存管理
Dec 15 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
jQuery获取对象简单实现方法小结
Oct 30 Javascript
浅析node.js中close事件
Nov 26 Javascript
javascript中定义类的方法详解
Feb 10 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 Javascript
详解Jquery实现ready和bind事件
Apr 14 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
Aug 25 Javascript
vue通过cookie获取用户登录信息的思路详解
Oct 30 Javascript
vue.draggable实现表格拖拽排序效果
Dec 01 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 foreach、while性能比较
2009/10/15 PHP
深入phpMyAdmin的安装与配置的详细步骤
2013/05/07 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
php计算程序运行时间的简单例子分享
2014/05/10 PHP
php  PATH_SEPARATOR判断当前服务器系统类型实例
2016/10/28 PHP
Google韩国首页图标动画效果
2007/08/26 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
jQuery自动切换/点击切换选项卡效果的小例子
2013/08/12 Javascript
javascript用户注册提示效果的简单实例
2013/08/17 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
2015/03/04 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
vue编译打包本地查看index文件的方法
2018/02/23 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
js针对图片加载失败的处理方法分析
2019/08/24 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
自己编程中遇到的Python错误和解决方法汇总整理
2015/06/03 Python
Python实现文件信息进行合并实例代码
2018/01/17 Python
Python3爬楼梯算法示例
2019/03/04 Python
python实现几种归一化方法(Normalization Method)
2019/07/31 Python
python 爬取古诗文存入mysql数据库的方法
2020/01/08 Python
python数据库开发之MongoDB安装及Python3操作MongoDB数据库详细方法与实例
2020/03/18 Python
查看keras的默认backend实现方式
2020/06/19 Python
HTML5中的进度条progress元素简介及兼容性处理
2016/06/02 HTML / CSS
捷克领先的户外服装及配件市场零售商:ALPINE PRO
2018/01/09 全球购物
一道写SQL的面试题和答案
2013/11/19 面试题
数据库的约束含义
2012/09/09 面试题
会计系毕业个人自荐信格式
2013/09/23 职场文书
护理专业学生的求职信范文
2013/12/11 职场文书
宾馆前台接待岗位职责
2015/04/02 职场文书
幼儿园开学家长寄语(2016春季)
2015/12/03 职场文书
Apache SkyWalking 监控 MySQL Server 实战解析
2022/09/23 Servers