基本选择器

1、#id        根据id的属性值来获取元素

2、TagName     根据标签名来获取元素

3、selector1,selector2    匹配列表中的选择器(就是可以匹配多个选择器)

4、.class     根据class的属性值来获取元素

层级选择器

1、祖先元素      后代元素  匹配祖先元素下面的指定的后代元素

2、parent > child  匹配父元素下面的指定的子元素

3、prev + next   匹配当前元素的下一个兄弟元素  要求这两个元素必须邻居

简单选择器

1、:first 匹配第一个元素

2、:last 匹配最后一个元素

3、:eq(index)  匹配下标值为指定值的元素

4、:not(selector) 匹配不包含指定选择器的所有元素

内容选择器

1、:contains(text) 匹配内容中包含指定值的元素

2、:empty   匹配内容为空的元素

3、:has(selector)  匹配内容中包含指定选择器的元素

4、:parent  匹配内容不为空的元素

可见性选择器

1、:hidden   匹配隐藏的元素   CSS中:display:none

2、:visible    匹配显示的元素  CSS中:display:block

属性选择器

1、[attribute]   匹配指定属性的所有元素

2、[attribute=value]  匹配属性等于指定值的元素    input[name=”username”]

3、[attribute!=value]  匹配属性不等于指定值的所有元素

4、[selector1][selector2][selectorN]  匹配列表中所有属性

表单对象选择器

1、:enabled  匹配表单中可用的表单控件

2、:disabled  匹配表单中不可用的表单控件

3、:checked  匹配表单中默认选中的元素   单选按钮和多选按钮

4、:selected  匹配表单中默认选中的元素   下拉列表

表单对象选择器

1、:enabled  匹配表单中可用的表单控件

2、:disabled  匹配表单中不可用的表单控件

3、:checked  匹配表单中默认选中的元素   单选按钮和多选按钮

4、:selected  匹配表单中默认选中的元素   下拉列表

jquety选择器的更多相关文章

  1. 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

    记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...

  2. jQuery的61种选择器

    The Write Less , Do More ! jQuery选择器 1. #id : 根据给定的ID匹配一个元素 <p id="myId">这是第一个p标签< ...

  3. 05.LoT.UI 前后台通用框架分解系列之——漂亮的时间选择器

    LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/du ...

  4. CSS 选择器及各样式引用方式

    Css :层叠样式表 (Cascading Style Sheets),定义了如何显示HTML元素. 目录 1. 选择器的分类:介绍ID.class.元素名称.符合.层次.伪类.属性选择器. 2. 样 ...

  5. jQuery学习之路(1)-选择器

    ▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript ...

  6. 谈谈一些有趣的CSS题目(十)-- 结构性伪类选择器

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...

  7. JQuery 选择器

    选择器是JQuery的根基,在JQuery中,对事件的处理,遍历DOM和AJAX操作都依赖于选择器.如果能够熟练地使用选择器,不仅能简化代码,而且还可以事半功倍. JQuery选择器的优势 1.简洁的 ...

  8. jq选择器基础

    Jquery $代表选择器 使用jq必须要导入jq文件 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js&qu ...

  9. 微信小程序中利用时间选择器和js无计算实现定时器(将字符串或秒数转换成倒计时)

    转载注明出处 改成了一个单独的js文件,并修改代码增加了通用性,点击这里查看 今天写小程序,有一个需求就是用户选择时间,然后我这边就要开始倒计时. 因为小程序的限制,所以直接选用时间选择器作为选择定时 ...

随机推荐

  1. Python 智能处理方向的工具

    机器视觉类:OpenCV. 自然语言处理:NLTK, jieba(Python中文分词组件),HanLP, FudanNLP, NLPIR, http://tm.itc.ntnu.edu.tw/CNL ...

  2. LeetCode 328. Odd Even Linked List C#

    Given a singly linked list, group all odd nodes together followed by the even nodes. Please note her ...

  3. 【Python之路】第三篇--Python基本数据类型

    运算符 1.算数运算: # 在py2的 取整除运算中 9//2 = 4.0 # 引入 from __future__ import division 9//2 = 4.5 # py3中不需要! 2.比 ...

  4. xcode配色方案 (自己常用的)

    https://github.com/ArtSabintsev/Solarized-Dark-for-Xcode

  5. Scope Directive

    ---------------------------Scope-------------------------------- https://docs.angularjs.org/guide/sc ...

  6. js一些小知识点

    1.isNaN(),里面传一个参数,用来判断传入的值是否是数字.可以用来做一些简单的表单判断. 2.用innerHTML属性可以操作(包括获取和设置)span的内容,实际上对所有非表单元素都可以用in ...

  7. pull类型消息中间件-消息消费者(二)

    消费者的实例化 关于consumer的默认实现,metaq有两种: DefaultMQPullConsumer:由业务方主动拉取消息 DefaultMQPushConsumer:通过业务方注册回调方法 ...

  8. Spring Aop详尽教程

    一.概念 AOP(Aspect Oriented Programming):面向切面编程. 面向切面编程(也叫面向方面编程),是目前软件开发中的一个热点,也是Spring框架中的一个重要内容.利用AO ...

  9. 遍历(二)javascript的Foreach语法

    原文:http://www.cnblogs.com/Fskjb/archive/2011/03/26/1996165.html 首先,虽然叫foreach语法但关键字还是用for哦,这个语法只是对平时 ...

  10. sublime text2教程

    代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大.灵活的编辑器,相信你和我一样,都不会例外. 我用过 ...