基本选择器

$("#my Div") 匹配唯一的id值为my的DIV元素
$("div") 匹配所有的DIV元素
$(".myClass") 匹配具有此class样式值的所有元素
$("*") 匹配所有元素
$("div,span,p.myClass") 联合所有匹配的选择器

层叠选择器
$("form input") 后代选择器,选择ancestor的所有子孙节点
$("#main > *") 子选择器,匹配ID为main的所有子节点
$("label + input") 临选择器,选择prev的下一个临节点
$("#prev ~ div") 同胞选择器,选择prev的所有同胞节点

基本过滤选择器
$("tr:first") 匹配第一个选择的元素
$("tr:last") 匹配最后一个选择的元素
$("tr:even") 匹配集合中偶数位置的所有元素(从0开始)
$("tr:odd") 匹配集合中奇数位置的所有元素(从0开始)
$("td:eq(2)") 匹配集合中第3个元素(从0开始)
$("td:gt(4)") 匹配集合中第5个元素之后的所有元素(从0开始)
$("td:gl(4)") 匹配集合中第5个元素之前的所有元素(从0开始)
$(":header") 匹配所有标题
$("div:animated") 匹配所有正在运行动画的所有元素
$("input:not(:checked) + span")从元素集合中过滤掉匹配selector的所有元素(这里是一个临选择器)

内容过滤选择器
$("div:contains('John')") 匹配含有指定文本 John 的所有元素
$("td:empty") 匹配所有空元素(只含有文本的元素不算空元素)
$("td:parent") 匹配所有不为空的元素(含有文本的元素也算)
$("div:has(p)") 从元素集合中再次匹配所有至少含有一个selector的所有元素
$("div:hidden") 匹配所有隐藏的元素,也包括表单的隐藏域
$("div:visible") 匹配所有可见的元素

属性过滤选择器
$("div[name = 'myname']") 匹配所有name = 'myname' 的div元素
$("input[name!='newsletter']") 匹配所有不具有指定属性值的元素
$("input[name^='news']") 匹配所有指定属性值以news开头的元素
$("input[name$='letter']") 匹配所有指定属性值以letter结尾的元素
$("input[name*='man']") 匹配所有指定属性值含有man字符的元素

子元素过滤选择器
$("#myid").parent(),匹配自己的第一个父元素
$("#myid").parents(),匹配自己的所有父元素

$("ul li:nth-child(2)"),匹配父元素ul的第2个子元素li
$("ul li:nth-child(n)"), 匹配父元素ul的第n个子元素li

$("div span:first-child") 匹配父元素的第1个子元素
$("div span:last-child") 匹配父元素的最后1个子元素
$("div button:only-child") 匹配父元素的唯一1个子元素

表单元素选择器
$(":input") 匹配所有的表单输入元素,包括所有类型的input, textarea, select 和 button
$(":text") 匹配所有类型为text的input元素
$(":password") 匹配所有类型为password的input元素
$(":radio") 匹配所有类型为radio的input元素
$(":checkbox") 匹配所有类型为checkbox的input元素
$(":submit") 匹配所有类型为submit的input元素
$(":image") 匹配所有类型为image的input元素
$(":reset") 匹配所有类型为reset的input元素
$(":button") 匹配所有类型为button的input元素
$(":file") 匹配所有类型为file的input元素
$(":hidden") 匹配所有类型为hidden的input元素或表单的隐藏域

表单元素过滤选择器
$(":enabled") 匹配所有可操作的表单元素
$(":disabled") 匹配所有不可操作的表单元素
$(":checked") 匹配所有已点选的元素
$("select option:selected") 匹配所有已选择的元素

文章地址:http://www.wandaguoji.net/html/article_article/616.html

转载于:https://www.cnblogs.com/java20130725/archive/2013/01/09/3215398.html

jquery常用选择器相关推荐

  1. jQuery常用选择器有哪些?

    jQuery常用选择器有哪些? jQuery里面使用最频繁的选择器应该就是 id选择器$('#element-id') class选择器$('.class-name') 标签选择器$('element ...

  2. jquery 常用选择器和方法以及遍历(超详细)

    jQuery 常用选择器和和方法 学习总结 一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍 二.jQuery 对象 1. jQuery ...

  3. web前端开发课程安排,写出jquery常用选择器

    面试知识点 主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,设计模式,项目等等. html 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 2 ...

  4. jQuery 常用选择器

    jQuery 选择器简介 jquery的选择器有:1.基本选择器(ID.元素.类选择器等):2.基本过滤选择器(:first.:last.:even等):3.内容过滤选择器(:empty.:has() ...

  5. JQuery常用选择器总结

    作为网站开发者来说,不可避免的需要和页面打交道,很多时候都需要去操作一些页面上的元素,掌握常用的Jquery选择器是十分有必要的.现从网上整理一些常用的Jquery选择器,希望能给大家带来一些开发上的 ...

  6. jQuery常用选择器总结(超详细)

    语法 描述 备注 $("*") 选取所有HTML元素 $(this) 选取当前HTML元素 $("p.intro") 选取class为intro的<p&g ...

  7. 23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API

      1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...

  8. jQuery 的常用选择器,筛选器

    jQuery jQuery 的简介 插件 :一个功能高度分装 类库 :工具库,提供操作工具,不提供具体功能 jQuery 是一个工具集合 框架 : 项目每一个组件都会提供出来.我们只需要引入框架语法, ...

  9. jQuery常用事件处理

    jQuery 是什么? jQuery 由 John Resig 创建于 2006 年初,对于任何使JavaScript 代码的程序员来说,它是一个非常有用的 JavaScript 库.无论您是刚刚接触 ...

最新文章

  1. 【Linux系统】基础总结
  2. 2022-2028年中国塑料网格板行业市场行情动态及发展趋向分析报告
  3. 运维利器:钉钉机器人脚本告警(Linux Shell 篇)
  4. Ubuntu 16.04更新软件提示需要安装不能信任的软件包 http://archive.ubuntukylin.com:10006/ubuntukylin xenial InRelease
  5. 设计企业网站大纲_哈尔滨企业网站设计费用,网站开发公司_华阳网络
  6. 笔记本敲代码真香,包邮送一个!
  7. 微信windows版_刚刚微信内测更新!可以批量管理好友,太方便了
  8. python opc plc_PYthon简易OPC数据采集写入Access
  9. docker+selenium grid解决node执行经常卡死
  10. python面向对象和面向过程_python--什么是面向对象和面向过程,对象的进化,什么是对象...
  11. android 使用android.support.v7 添加ActionBar
  12. Matlab命令系列之目录操作
  13. html如何让英文自动换行,HTML如何让英文自动换行不断词
  14. 【前端】静态网页和动态网页
  15. Python安装word2vec
  16. 包政讲营销录音(1)
  17. TopOn广告SDK——聚合广告SDK
  18. 针对Windows10下EPLAN2.7频繁重启的解决办法
  19. DPU网络开发SDK—DPDK(六)
  20. 可以储存照片的字段类型是_在数据库中可用来存储图片的字段对象是哪种类型的字段?...

热门文章

  1. python编写程序输出诗句_Python学习笔记(一)-- print语句
  2. LeetCode 437. Path Sum III (STL map前缀和)
  3. 汇编语言:冒泡排序算法将10个数按从小到大顺序排列
  4. J钓鱼 (vector + queue)
  5. 按钮 小程序 弹出菜单_公众号怎么关联小程序
  6. linux mysql操作知识--收藏
  7. qprocess调用linux命令
  8. 【Linux】Makefile文件
  9. 说说C语言运算符的“优先级”与“结合性”
  10. C 语言 方法外部的数组与普通变量传入方法内部时的区别