学习【js DOM 编程艺术】,最后面有许多jQuery的选择器,每个都动手敲了一遍。

jQuery 提供了高级选择器的方法。
js获取元素的三个基本方法分别是通过标签名,类名和id,即(getElementsByTagName, getElementsByClassName和getElementById)。那么jQuery是如何获取呢?
通过标签获取:$('tag')
通过类名获取:$('.className')
通过id获取:$('#id')除了上面个三个最基本最简单的,还有下面几个css选择器:
$('*')    选择所有元素
$('tagA tagB')    选择作为tagA后代的tagB元素
$('tagA, tagB, tagC')    选择所有tagA元素,tagB元素和tagC元素
$('tag#id')    选择ID为id的tag元素
$('tag.className')    选择类名为className的tag元素jQuery支持下列css2.1属性选择器:
$('tag[attr]')    选择所有带有attr属性的tag元素
$('tag[attr*=value]')    选择所有attr属性值中包含字符串value的tag元素$('tag[attr=value]')    选择所有attr属性值等于value的tag元素
$('tag[attr!=value]')    选择所有attr属性值不等于value的tag元素$('tag[attr^=value]')    选择所有attr属性值以value开头的tag元素
$('tag[attr$=value]')    选择所有attr属性值以value结尾的tag元素$('tag[attr~=value]')    选择所有attr属性值 为空格分割的多个字符串且其中一个字符串等于value 的tag元素
$('tag[attr|=value]')    选择所有attr属性值 为连字符分割的字符串切该字符串以value开头的tag元素子选择器,同辈选择器:
$('tagA > tagB')    选择作为tagA元素子元素的所有tagB元素
$('tagA + tagB')    选择紧邻tagA元素且位于其后的tagB元素
$('tagA ~ tagB')    选择作为tagA同辈元素且位于其后的所有tagB元素伪类,伪元素选择器:
$('tag:root')    选择作为文档根元素的tag元素
$('tag:nth-child(n)')    选择作为其父元素正数第n个元素的所有tag元素
$('tag:nth-last-child(n)')    选择作为其父元素倒数 第n个元素的所有tag元素
$('tag:nth-of-type(n)')    选择几个同辈tag元素中的正数第n个
$('tag:nth-last-f-type(n)')    选择几个同辈tag元素中的倒数第n个
$('tag:first-child')    选择作为其父元素第一个子元素的tag元素
$('tag:last-child')    选择作为其父元素第一个子元素的tag元素
$('tag:first-of-type')    选择作为同辈tag元素中的第一个
$('tag:last-of-type')    选择作为同辈tag元素中的最后一个
$('tag:only-child')    选择作为其父元素唯一子元素的tag元素
$('tag:only-of-type')    选择作为同辈元素中唯一一个标签为tag的元素
$('tag:empty')    选择所有没有子元素的tag元素
$('tag:enabled')    选择界面元素中所有已经启用的tag元素
$('tag:disabled')    选择界面元素中所有已经禁用的tag元素
$('tag:checked')    选择界面元素中所有已经被选中的tag元素(如:复选框,单选按钮)
$('tag:not(s)')    选择与选择器s不匹配的所有tag元素其他专有选择器:
$('tag:even')    选择匹配元素集 中偶数序号的元素(适合突出显示表格行)
$('tag:odd')    选择匹配元素集 中奇数序号的元素
$('tag:eq(0)'), $('tag: nth(0)')    选择匹配元素 集中的第一个元素,如页面的第一个段落
$('tag:gt(n)')    选择匹配元素集 中索引值大于n的所有元素
$('tag:lt(n)')    选择匹配元素集 中索引值小于n的所有元素
$('tag:first')    选择匹配元素集 中的第一个元素, 等价于eq(0)
$('tag:last')    选择匹配元素集 中的最后一个元素
$('tag:parent')    选择匹配元素集 中包含子元素(文本节点也算)的所有元素
$('tag:contains('test')')    选择匹配元素集 中包含指定文本的所有元素
$('tag:visible')    选择匹配元素集 中所有可见的元素(包括display属性为block和inline,visibility属性为visible以及type属性不是hidden的表单元素)
$('tag:hidden')    选择匹配元素集 中所有隐藏的元素(包括display属性为none, visibility属性为hidden以及type属性为hidden的表单元素)一些专门为表单设计的表达式,用于快速访问表单元素:
:input    选择表单中的所有元素
:text    选择所有文本字段
:password    选择所有密码字段
:radio    选择所有单选按钮
:checkbox    选择所有复选框
:submit    选择所有提交按钮
:image    选择所有表单图像
:reset    选择所有重置按钮
:button    选择所有其他按钮

转载于:https://www.cnblogs.com/libra-yong/p/6358034.html

【一些简单的jQuery选择器】相关推荐

  1. JQuery——选择器分类

    JQuery选择器 1    什么是JQuery选择器 快速高效的找到指定节点,支持css语法设置页面 2   JQuery选择器分类 2.1   基本选择器 CSS选择器 层级选择器 表单域选择器 ...

  2. jQuery选择器实现隔行变色和使用javaScript实现隔行变色

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--什么是选择器? jQuery选择器继承了 ...

  3. Jquery 选择器大全 【转载】

    选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写 ...

  4. JQuery 选择器。

    •                 #id •                 element •                 .class •                 .class.cl ...

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

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

  6. jQuery选择器全集详解

    选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器 的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编 ...

  7. 第二章(jQuery选择器)

    2.1jQuery选择器是什么 1.CSS选择器 选择器 示例 选择器 示例 标签选择器 a{ } p{ } ul{ } ID选择器 #ID{ } 类选择器 .class{ } 群组选择器 td,p, ...

  8. php jquery选择器,常用jQuery选择器总结_jquery

    在Dom 编程中我们只能使用有限的函数根据id 或者TagName 获取Dom 对象. 然而在jQuery 中则完全不同,jQuery 提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象 ...

  9. 精通jQuery选择器使用 转一篇

    精通jQuery选择器使用 转一篇 jQuery 具有一个相当强大的选择器引擎,提供了完整的选择器语法,允许我们选择几乎所有的元素组合.jQuery 的选择器语法主要是基于 CSS3 和 XPath ...

最新文章

  1. 电路交换和报文交换和分组交换的概念和区别
  2. 反爬虫——使用chrome headless时一些需要注意的细节
  3. FizzBu​​zz Kata与Java流
  4. HTML5 文档头部
  5. 编程杂谈---vb,vb.net,java数据类型区分
  6. 从零开始写一个武侠冒险游戏-8-用GPU提升性能(3)
  7. 同一个按钮绑定多个事件_带你走进JavaScript世界系列——事件处理程序之 IE 事件处理...
  8. Axios 请求配置参数详解
  9. Photoshop 入门教程,处理图层「4」如何向多图层图像中添加更多图像?
  10. 【合集】SAP 成都研究院开发工程师们精彩纷呈的工作和生活片段
  11. 每个英文名字背后的寓意,你也来起一个吧
  12. SVN `Clean up`时报错如何处理
  13. GameCenter 使用指南
  14. 5G NR PWS系统
  15. 说一说用户思维!!!
  16. 十个值得学习的c开源项目(嵌入式)
  17. 不给代码写文档,让代码文档化
  18. C语言程序设计编程题[七](山西大学876)
  19. UGUI 九宫格的使用
  20. VR/AR产品:VR火灾隐患排查系统再次升级,多种场景任你选择!

热门文章

  1. 【hihocoder - offer编程练习赛60 A】hohahola(贪心,二分)
  2. *【牛客 - 301哈尔滨理工大学软件与微电子学院第八届程序设计竞赛同步赛(高年级)】小乐乐打游戏(bfs,双元bfs,思维)
  3. 【牛客 - 302哈尔滨理工大学软件与微电子学院第八届程序设计竞赛同步赛(低年级)】小乐乐切割方块(思维,水题)
  4. 【CodeForces - 215C 】Crosses (思维,图形题)
  5. 0.《Apollo自动驾驶工程师技能图谱》
  6. 正则表达式 python_Python正则表达式总结
  7. drop sqlite 多个表_SQLite简介与安装
  8. 现代计算机网络的6个方面的应用,现代计算机网络技术应用及发展(共4384字).doc...
  9. php config(),php config
  10. 无限踩坑系列(5)-MySQLdb