[ancestor descendant]

在给定元素下匹配所有后代元素。这个选择器的使用概率相当之高，使用示例如下：

1 //HTML代码：2 
     
      3 　　
      4 　　
      5 
     

 

//JQuery代码：$("#div01 input");

结果：

1 2 3 

 

[parent > child]

此选择器用于在给定的父元素下匹配所有的子元素，使用如下：

HTML代码同上，jquery代码如下：

 $("#div01 > input"); 

结果：

 <input type="text" class="inp01" value=""/> 

 

[prev + next]

此选择器匹配所有紧接在 prev 元素后的 next 元素，使用示例如下：

HTML代码同上，JQuery代码如下：

 $(".inp01 span"); 

结果：

1 

 

[prev ~ siblings]

匹配 prev 元素之后的所有 siblings （同辈）元素

HTML：

1 
     
      2   
      Name:3   
      4   
      
       5       
       Newsletter:6       
       7  
      
8 
     
9 

JQuery代码：

 $("form ~ input"); 

结果：

 <input name="none" />  

 

千里之行始于足下，原本不打算写这个的，因为这个太过基础，后来想想基础才是一切的源头，大家还是不应忽略基础，还是写了。