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

空格：$(『parent childchild』)表示獲取parent下的所有的childchild節點，所有的子孫。

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

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

下面是乙個小例子，看看他們的區別吧~~~~

<

!doctype
html
public
"-//w3c//dtd html 4.01 transitional//en"
"">
new document
<
/title>
"generator" content=
"editplus"
>
"author" content=
"">
"keywords" content=
"">
"description" content=
"">
'f:/study/jquery.js'
>
<
/script>
$(function()
)<
/script>
<
/head>
'a'>
span1<
/span>
span1.
1<
/span>
'span12'
>span1.
2<
/span>
span1.
3<
/span>
span1.
4<
/span>
span1.
5<
/span>
span1.
6<
/span>
<
/div>
span2<
/span>
span2.
1<
/span>
span2.
2<
/span>
span2.
3<
/span>
span2.
4<
/span>
span2.
5<
/span>
span2.
6<
/span>
<
/div>
span3<
/span>
span4<
/span>
<
/div>
'b'>
<
/div>
空格：'c'>
<
/div>
+： 
'd'>
<
/div>
~： 
'e'>
>
<
/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...