一、基本选择器
  1.ID选择器 $("#id")
  2.类选择器 $(".class")
  3.元素选择器 $("element")
  4.通配选择器 $("*")
  5.集合选择器 $("#id,p,span")
二、层次选择器
  1.$("ancestor descendant") 选取ancestor元素里的所有descendant(后代)元素
  2.$("parent>child") 选取parent 元素下的child(子)元素,与后代元素的区别是后代元素包括子元素,孙子元素,重孙子元素.
  3.$("prev+next") 等价于$("prev").next("next") 选取紧接在prev元素后的next元素
  4.$("prev~siblings") 等价于$("prev").nextAll() 即为之后的所有同辈节点 选取prev元素之后的所有siblings元素
三、过滤选择器
  1.基本过滤选择器
    :first 选取第1个元素
    :last 选取最后一个元素
    :not(selector) $("input:not(.myClass)") 选取所有class不是myClass的<input>元素
    :even $("input:even") 选取索引是偶数的<input>元素 索引从0开始
    :odd 索引是奇数的所有元素,从0开始
    :eq(index) 选取索引等于index的元素(index从0开始)
    :gt(index) 索引大于index的元素 (index从0开始)
    :lt(index) 索引小雨index的元素(index从0开始)
    :header 选取所有的标题元素,例如h1,h2等
    :animated 选取当前正在执行动画的所有元素
  2.内容过滤选择器
    :contains(text) 选取含有文本内容为“text”的元素
    :empty 选取不包含子元素或者文本的空元素
    :has(selector) 选取含有选择器所匹配的元素的元素
    :parent 选择含有子元素或者文本的元素
  3.可见性过滤选择器
   :hidden 选取所有不可见的元素 $(":hidden") 包括<input type="hidden"/> <div style="display:none;"><div style="visibility:hidden">
   :visible 选取所有可见的元素 $("div:visible") 选取所有可见的div
  4.属性过滤选择器
    [attribute] $("div[id]") 选取拥有属性id的元素
    [attribute=value] $("div[title=test]") 选取属性title为“test”的<div> 元素
    [attribute!=value] $("div[title!=test]")选取属性title不为“test”的<div> 元素,没有title属性也会被选中
    [attribute^=value] $("div[title^=test]") 选取属性title以“test"开始的div元素
    [attribute$=value] $("div[title$=test]") 选取属性title以“test"结束的div元素
   [attribute*=value] $("div[title*=test]") 选取属性title含有”test“的div元素
   [selector1][selector2][selectorN] $("div[id][title$='test']") 选取拥有属性id,并且属性title以”test“结束的div元素
  5.子元素过滤选择器
    :nth-child(index/even/odd/equation) :eq(index)只匹配一个元素 ,而:nth-child姜维每一个父元素匹配子元素,并且:nth-child(index)的index是从1开始算起的,而:           eq(index)是从0开始
    :first-child 每个父元素的第1个子元素
    :last-child 每个父元素的最后一个子元素
    :only-child 如果某元素是它父元素中唯一的子元素,那么将会被匹配。如果父元素中含有其他元素,则不会被匹配

jQuery选择器(上)的更多相关文章

  1. 前端笔记之jQuery(上)加载函数的区别&对象&操作HTML/CSS&动画&选择器

    一.jQuery简介 1.0 JavaScript编程比较恶心的地方 恶心1:选择元素麻烦,全线兼容的方法只有getElementById()和getElementsByTagName()两个.其他的 ...

  2. jQuery中的选择器(上)

    从学习jquery开始,现在已经是第三遍看锋利的jQuery这本书了,现在打算对jQuery中的各种选择器进行一下总结,主要是是为了进一步系统的巩固自己对知识的掌握,另外也可以为那些学习jQuery并 ...

  3. JQuery 选择器

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

  4. jQuery的案例及必知重要的jQuery选择器

    Jquery能做什么 访问和操作DOM元素 控制页面样式 对页面事件进行处理 扩展新的jQuery插件 与Ajax技术完美结合 Jquery的优势 体积小,压缩后只有100KB左右 l强大的选择器 出 ...

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

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

  6. 《锋利的jQuery(第2版)》笔记-第2章-jQuery选择器

    选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.熟练使用选择器,不仅可以简化代码,而且可以达到事半功倍的效果. 2.1 jQuery选择器是什么 1. ...

  7. 深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器

    × 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的 ...

  8. 深入学习jQuery选择器系列第二篇——过滤选择器之子元素选择器

    × 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 在上一篇中已经介绍过基础选择器和层级选择器,本文开始介绍过滤选择器.过滤选择器是jQuery选择器中最为庞大也是最为 ...

  9. jQuery-1.9.1源码分析系列(二)jQuery选择器

    1.选择器结构 jQuery的选择器根据源码可以分为几块 init: function( selector, context, rootjQuery ) { ... // HANDLE: $(&quo ...

  10. jQuery-1.9.1源码分析系列(二)jQuery选择器续1

    在分析之前说一点题外话. ownerDocument和 documentElement的区别 ownerDocument是Node对象的一个属性,返回的是某个元素的根节点文档对象:即document对 ...

随机推荐

  1. 【小程序】微信小程序绑定企业微信后怎样获取到用户信息

    一.获取access_token 1.https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=ID&corpsecret=SECRECT Cor ...

  2. openwrt-rpcd服务ACL配置错误风险分析

    前言 openwrt 是一个用于的 路由器 的开源系统. 其他类似的路由器系统相比它的更新速度非常的快,可以看看 github 的更新速度 https://github.com/openwrt/ope ...

  3. ORACLE AUDIT 审计

    转自 http://blog.csdn.net/dnnyyq/article/details/4525980 1.什么是审计 审计(Audit)用于监视用户所执行的数据库操作,并且Oracle会将审计 ...

  4. 为什么选用 React 创建混合型移动应用?

    [编者按]本文作者为 14islands 联合创始人.创新 Web 开发者 David Lindkvist,主要介绍有关混合型应用搭建的方方面面.文章系国内 ITOM 管理平台 OneAPM 编译呈现 ...

  5. 【日常记录】【unity3d】 OnTriggerEnter 和 OnCollisionEnter (2D) 的区别

    问题:两个物体A,B 两者都有碰撞体 collider(Box Collider,Sphere Collider,Capsule Collider等)当两物体相撞时,会进入 OnTriggerEnte ...

  6. Bootstrap框架。

    什么是 Bootstrap Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更 ...

  7. 关于easyUI的一些js方法

    1. $("#dg").datagrid("load",{ "userName":$("#s_userName").va ...

  8. REST Framework组件的解析源码

    首先我们要知道解析器的作用 解析器就是对你请求体中的数据进行反序列化.封装 把你的所有的请求数据都封装在request.data中 以后就在request.data中获取数据 我们先导入rest_fr ...

  9. [翻译] CSStickyHeaderFlowLayout

    CSStickyHeaderFlowLayout https://github.com/jamztang/CSStickyHeaderFlowLayout Parallax, Sticky Heade ...

  10. [翻译] GCDObjC

    GCDObjC https://github.com/mjmsmith/gcdobjc GCDObjC is an Objective-C wrapper for the most commonly ...