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

2021-10-02 04:42:07 字數 1578 閱讀 4614

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