jQuery 选择器

基本选择器

1、#myid 返回: <jQuery对象> :匹配一个id为myid的元素。
2、element 返回: <jQuery对象> 数组:匹配所有的element元素
3、.myclass 返回: <jQuery对象> 数组:匹配所有class为myclass的元素
4、* 返回: <jQuery对象> 数组:匹配所有元素。该选择器会选择文档中所有的元素,包括html,head,body
5、selector1,selector2,selectorN 返回: <jQuery对象> 数组:匹配所有满足selector1或selector2或selectorN的元素

层次选择

1、elementParent elementChild 返回: <jQuery对象> 数组
匹配elementParent下的所有子元素elementChild。例如:$("div p") 选择所有div下的p元素
2、elementParent > elementChild 返回: <jQuery对象> 数组
匹配elementParent下的子元素elementChild。例如:$("div>p") 选择所有上级元素为div的p元素
3、prev+next 返回: <jQuery对象> 数组
匹配prev同级之后紧邻的元素next。例如:$("h1+div") 选择所有div同级之前为h1的元素(<h1 /><div />)
4、prev ~ siblings 返回: <jQuery对象> 数组
匹配prev同级之后的元素siblings。例如:$("h1~div") 可以匹配(<h1 /><div /><div />)

基本滤镜

1、:first 返回: <jQuery对象> :匹配第一个元素
2、:last 返回: <jQuery对象> :匹配最后一个元素
3、:not(selector) 返回: <jQuery对象> 数组 :匹配不满足selector的元素
4、:has(selector) 返回: <jQuery对象> 数组 :匹配包含满足selector的元素。此选择器为1.2新增
5、:even 返回: <jQuery对象> 数组 :从匹配的元素集中取序数为偶数的元素。
6、:odd 返回: <jQuery对象> 数组 :从匹配的元素集中取序数为奇数的元素。
7、:eq(index) 返回: <jQuery对象> 数组:从匹配的元素集中取第index个元素
8、:gt(index) 返回: <jQuery对象> 数组 :从匹配的元素中取序数大于index的元素
9、:lt(index) 返回: <jQuery对象> 数组 :从匹配的元素中取序数小于index的元素
10、:header 返回: <jQuery对象> 数组 :匹配所有的标题元素,例如h1,h2,h3……hN。此选择器为1.2新增
11、:animated 返回: <jQuery对象> 数组 :匹配正在执行动画的元素。此选择器为1.2新增
12、:empty 返回: <jQuery对象> 数组 :匹配所有没有子元素(包括文本内容)的元素
13、:parent 返回: <jQuery对象> 数组 :匹配包含子元素(包含文本内容)的所有元素
14、:contains(text) 返回: <jQuery对象> 数组:匹配所有含有text的元素
15、:hidden 返回: <jQuery对象> 数组 :匹配所有隐藏的元素,包含属性type值为hidden的元素
16、:visible 返回: <jQuery对象> 数组 :匹配所有非隐藏的元素

子元素滤镜

1、E:nth-child(index/even/odd/equation) 返回: <jQuery对象> 数组
匹配所有E在其父元素下满足(index/even/odd/equation)条件的集合。注:下标从1开始
2、E:first-child 返回: <jQuery对象> 数组
匹配所有E在其父元素下是第一个子元素的集合。例如:HTML(<div><p id="p1"></p></div><div><p id="p2"></p><p id="p3"></p></div>"),使用$("p:first-child"),选取:<p id="p1"></p><p id="p2"></p> 
3、E:last-child 返回: <jQuery对象> 数组
匹配所有E在其父元素下是最后一个子元素的集合。例如:同上的HTML,使用$("p:last-child"),选取:<p id="p1"></p><p id="p3"></p>
4、E:only-child 返回: <jQuery对象> 数组
匹配所有E是其父元素的唯一子元素的集合。例如:同上的HTML,使用$("p:only-child"),选取:<p id="p1"></p>

表单滤镜

1、:input 返回: <jQuery对象> 数组 :匹配所有的input、textarea、select、button
2、:text 返回: <jQuery对象> 数组 :匹配文本域。注:在IE浏览器下,选择的对象是所有type属性为text的元素,在非IE浏览器下,选择的对象是input元素type属性为text的元素
3、:password 返回: <jQuery对象> 数组 :匹配密码域。注:在IE浏览器下,选择的对象是所有type属性为password的元素,在非IE浏览器下,选择的对象是input元素type属性为password的元素
4、:radio 返回: <jQuery对象> 数组 :匹配单选按钮。注:在IE浏览器下,选择的对象是所有type属性为radio的元素,在非IE浏览器下,选择的对象是input元素type属性为radio的元素
5、:checkbox 返回: <jQuery对象> 数组:匹配复选框。注:在IE浏览器下,选择的对象是所有type属性为checkbox的元素,在非IE浏览器下,选择的对象是input元素type属性为checkbox的元素
6、:submit 返回: <jQuery对象> 数组 :匹配提交按钮。注:在IE浏览器下,选择的对象是所有type属性为submit的元素,在非IE浏览器下,选择的对象是input元素type属性为submit的元素和button元素type属性为空或为submit的元素
7、:image 返回: <jQuery对象> 数组 :匹配图像域。注:在IE浏览器下,选择的对象是所有type属性为image的元素,在非IE浏览器下,选择的对象是input元素type属性为image的元素
8、:reset 返回: <jQuery对象> 数组 :匹配重置按钮。注:在IE浏览器下,选择的对象是所有type属性为reset的元素,在非IE浏览器下,选择的对象是input或button元素type属性为reset的元素
9、:button 返回: <jQuery对象> 数组 :匹配按钮。注:在IE浏览器下,选择的对象是所有type属性为button的元素和元素名为button的元素,在非IE浏览器下,选择的对象是input元素type属性为button的元素和元素名为button的元素
10、:file 返回: <jQuery对象> 数组 :匹配文件域。注:在IE浏览器下,选择的对象是所有type属性为file的元素,在非IE浏览器下,选择的对象是input元素type属性为file的元素
11、:enabled 返回: <jQuery对象> 数组 :匹配所有可用的元素。注:即:not(:disabled),参考:disabled的注释
12、:disabled 返回: <jQuery对象> 数组 :匹配所有禁用的元素。注:在非IE浏览器下,选择的对象是禁用的表单元素
13、:checked 返回: <jQuery对象> 数组 :匹配所有被选中的表单。注:在IE浏览器下,选择的对象是含有checked属性的所有元素
14、:selected 返回: <jQuery对象> 数组 :匹配所有选择的表单。注:在IE浏览器下,选择的对象是含有selected属性的所有元素

属性滤镜

1、[attribute] 返回: <jQuery对象> 数组 :匹配拥有attribute属性的元素
2、[attribute=value] 返回: <jQuery对象> 数组 :匹配属性attribute为value的元素
3、[attribute!=value] 返回: <jQuery对象> 数组 :匹配属性attribute不为value的元素
4、[attribute^=value] 返回: <jQuery对象> 数组 :匹配属性attribute的值以value开始的元素
5、[attribute$=value] 返回: <jQuery对象> 数组 :匹配属性attribute的值以value结尾的元素
6、[attribute*=value] 返回: <jQuery对象> 数组 :匹配属性attribute的值包含value的元素
7、[selector1][selector2][selectorN] 返回: <jQuery对象> 数组 :匹配满足属性选择器selector1、selector2、selectorN的元素

【引用】jQuery 选择器相关推荐

  1. jQuery的引用和选择器

    一.jQuery         1.jQuery的简介 jQuery是一个优秀的JavaScript库.使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目 ...

  2. jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html

    我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义 ...

  3. Java程序员从笨鸟到菜鸟之(八十六)跟我学jquery(二)大话jquery选择器

    本篇博客我将带大家来学习一下jQuery的第一个比较重要的知识点,这个知识点对学习jquery的同学来说是必须掌握的,因为他是所有操作的基础,这个知识点就是jquery的对象选择器,我们利用jquer ...

  4. jQuery选择器引擎和Sizzle介绍

    jQuery选择器引擎和Sizzle介绍 首先介绍一下什么是Sizzle: Sizzle是一个纯javascript CSS选择器引擎.jquery1.3开始使用sizzle,Sizzle一反传统采取 ...

  5. jQuery选择器和选取方法

    我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义 ...

  6. jquery选择器连续选择_JQuery中的选择器

    jquery选择器连续选择 It's time to write some JQuery now. Do check out the introductory article on JQuery fi ...

  7. 通过CDN引用jQuery库+jQuery的使用+网页实现计算器的功能

    jQuery是什么?有什么用? jQuery是javascript库,其实就是一堆的js函数,方便我们来调用,提高我们的开发效率 免费开源,支持主流浏览器,简化选取网页元素的语法,简易的读取设置元素的 ...

  8. Jmeter之CSS选择器/JQuery选择器关联

    选择器: CSS选择器或JQuery选择器是Jmeter支持的两种语法,下面对其两种语法进行简单介绍 CSS选择器 JQuery选择器 Chrome - 复制CSS选择器 Google Chrome在 ...

  9. [转] jQuery 选择器

    jQuery选择器(Selectors,或译为选择符?)可以说是甚为强大,jQuery能够得以如此之名气,选择器的功劳是功不可没的.利用 CSS和XPath选择符的能力,加上自己的"自定义选 ...

最新文章

  1. Java项目:药店信息管理系统(java+SSM+JSP+layui+maven+mysql)
  2. Arcglobe三维信息系统开发常见问题
  3. 全网最经典26道Spring面试题总结,终获offer
  4. Svg 嵌入可编辑的div
  5. 文件IO-Properties
  6. 【springboot】启动时指定lib目录
  7. CodeForces - 1535C Unstable String(思维)
  8. 设计模式之禅--思维导图
  9. python同时输出两个数组_python中实现将多个print输出合成一个数组
  10. ASP.NET Request.UrlReferrer 问题
  11. 科技抗疫,少年可期,为这群有AI的天使开发者疯狂打call
  12. ❤️力扣线性枚举算法第二题数组中连续为一的最大个数
  13. SVD decomposition and polar decomposition
  14. LINUX下的21个特殊符号
  15. Qt QLabel双击编辑接口
  16. VB 连接AutoCad 模块代码
  17. 用 MeGUI 压制 DVDrip 入门
  18. Flixel框架介绍一
  19. 小打卡软件测试,考勤打卡软件大测评,这款打卡软件你有在用吗?
  20. 研发人员需要什么知识和能力

热门文章

  1. 工作220:git clone的时候地址需要改成自己的用户名
  2. 前端学习(2684):重读vue电商网站5之登录页面总结如何进行表单验证
  3. 第四十九期:化繁为简的五种码农必备工具
  4. java学习(105):字符串indexof,spilt,substring方法
  5. Python sqrt() 函数
  6. CubeMx 生成的FreeRTOS 代码在ARM compiler6 编译__forceinline 报错的解决方法
  7. Python-100 练习题 04 判断天数
  8. python实现离线翻译_10分钟教你用Python实现微信翻译机器人
  9. Comet OJ - 2019 六一欢乐赛
  10. axios+vue实现动态渲染员工数据+数据是对象