jquery選擇器空格與大於號 加號與波浪號的區別

空格：$('parent childchild')表示獲取parent下的所有的childchild節點（所有的子孫）。

大於號：$('parent > child')表示獲取parent下的所有child的兒子( 第一代)。

波浪號：$('pre ~ brother')表示獲取pre節點的後面的所有兄弟節點，相當於nextall()方法。 

下面是乙個小例子，看看他們的區別吧~~~~ (注意：**測試效果不對，有時間再試試）

[html]view plain

copy

>  

new document title>  

script>  

$(function () )  

script>  

head>  

span1span>  

span1.1span>  

span1.2span>  

span1.3span>  

span1.4span>  

span1.5span>  

span1.6span>  

div>  

span2span>  

span2.1span>  

span2.2span>  

span2.3span>  

span2.4span>  

span2.5span>  

span2.6span>  

div>  

span3span>  

span4span>  

div>  

div>  

空格：  

div>  

+：  

div>  

~：  

>  

div>  

body>  

html>  

jquery選擇器空格與大於號 加號與波浪號的區別

空格 parent childchild 表示獲取parent下的所有的childchild節點，所有的子孫。大於號 parent child 表示獲取parent下的所有child的兒子，第一代。波浪號 pre brother 表示獲取pre節點的後面的所有兄弟節點，相當於nextall 方法。下...

jquery過濾選擇器前加空格與不加空格的區別

jquery過濾選擇器前加不加空格產生的效果差別是比較大的。對於這種區別可以從css選擇器的角度去理解，而且這種理解是完全正確的。可以把這些選擇器當作我們css中的類，那麼不加空格的選擇器就表示選取與該元素相關的物件，而加了空格的選擇器則表示選取與之相關的後代元素物件。例如 加空格表示 選擇clas...

jQuery 選擇器與濾鏡

一.基本選擇器 1.id選擇器 temp addclass bgred 2.類選擇器 temp addclass bgred 3.合選擇器 temp,test addclass bgred 二.層次選擇器 1.後代選擇器 form label addclass bgred 只要label的上級有fo...