空格:$(『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...