$('div a'):div标签下所有层次a元素的jquery对象

$('div>a'):div标签下子元素层次a元素的jquery对象

  1. <body>
  2. <div class='div'>
  3.  
  4. </div>
  5. <div class='div2'>
  6.  
  7. </div>
  8. <div class='div2'>
  9.  
  10. </div>
  11. </body>
  1. .div ~ .div2{
  2. width:20px;
  3. height:20px;
  4. background-color: red;
  5. }

'~':这个选择器，代表class='div'相邻的所有class='div2'的元素

  1. .div + .div2{
  2. width:20px;
  3. height:20px;
  4. background-color: red;
  5. }

'+':这个选择器，代表class='div'相邻的第一个class='div2'的元素

这四个符号的选择器的区别在jQuery代码里面是这样表示的

  1.         ">": { dir: "parentNode", first: true },
  2.         " ": { dir: "parentNode" },
  3.         "+": { dir: "previousSibling", first: true },
  4.         "~": { dir: "previousSibling" }

哈哈 相信就懂了吧

随机推荐

  1. Linux快速入门01-基础概念

    4年多前,刚到上海时报过一个关于Oracle的培训班,在那里接触到了Linux,不过一直都没真正去试着使用它.现在经过慢慢的成长,越来越觉得,Linux是每一个服务端工程师必须掌握的系统,即使是现在最 ...

  2. python 反射的使用

    反射这个功能在很多编程语言中都有,在Python中自然也不例外.其实编程语言中的很多功能都能用简单的代码来验证. 在code代码之前,先简单的了解下反射的几个属性. hasattr(obj,name_ ...

  3. iOS $299刀企业证书申请的过程以及细节补充

    最近申请了iOS的 299刀企业证书,相关过程有些问题,分享出来,以便后来人参考. 申请的过程我主要参考了别人以前的文章,链接如下: 1.https://developer.apple.com/cn/ ...

  4. Java多线程系列--“JUC集合”10之 ConcurrentLinkedQueue

    概要 本章对Java.util.concurrent包中的ConcurrentHashMap类进行详细的介绍.内容包括:ConcurrentLinkedQueue介绍ConcurrentLinkedQ ...

  5. tomcat匹配Servlet的流程(原创)

  6. LoRaWAN协议(六)--OTAA KEY生成过程

    前言 通过OTAA方式入网的设备,通讯时使用的KEY需要通过服务器获得,在入网之间,设备无法通讯. 相关的OTAA入网流程已经在上一章中讲解过了,有兴趣的可以去看看**LoRaWAN协议(五)__OT ...

  7. 自己的JS框架--Amy框架。

    这是我根据司徒正美<JavaScript框架设计>一书然后百度了很多东西之后自己写的一个JS框架,满足了司徒正美文中的种子模块部分,包含了命名空间.对象扩展.数组化.类型判断.选择器.多库 ...

  8. 你真的了解setTimeout和setInterval吗？

    博客园的代码排版真难用,编辑时候是好的,一保存就是乱了——本文也同时发表在我另一独立博客上 你真的了解setTimeout和setInterval吗?,可以移步至这里吧 setTimeout和setI ...

  9. JAVA 设计模式 解释器模式

    用途 解释器模式 (Interpreter) 定义一个语言,定义它的文法的一种表示. 并定义一个解释器,这个解释器使用该表示来解释语言中的句子. 解释器模式是一种行为型模式. 结构

  10. 20 个高质量响应式的 HTML/CSS 网站模板

    BisLite: Free HTML Website Templates Professional Responsive HTML5/CSS3 template Respond Wood workin ...