jQuery選擇器中含有空格的注意事項

2021-06-07 09:59:28 字數 3477 閱讀 9525

此文摘自《鋒利的jquery》,另外新增了一點自己的東西

選擇器中的空格是不容忽視的,多乙個空格或少乙個空格也許得到的結果會截然不同的。下面來看乙個例子。

先構建如下的html**:

view source

print?

1<divclass=test>

2<divstyle="display: none">jquery教程div>

3<divstyle="display: none">jquery學習div>

4<divstyle="display: none">jquery外掛程式div>

5<divstyle="display: none"class=test>php學習div>

6div>

7<divstyle="display: none"class=test>jquery外掛程式教程div>

8<divstyle="display: none"class=test>jquery外掛程式學習div>

jquery**:

view source

print?

1var$test_a = $(".test :hidden");//帶空格的jquery選擇器

2var$test_b = $(".test:hidden");//不帶空格的jquery選擇器

3varlen_a = $test_a.length;

4varlen_b = $test_b.length;

5alert("帶空格的jquery選擇器選出的jquery元素是:"+len_a+"個");//輸出為4個

6alert("不帶空格的jquery選擇器選出的jquery元素是:"+len_b+"個");//輸出為3個

之所以會出現不同的結果,這就是後代選擇器和過濾選擇器的不同了

view source

print?

1var$test_a = $(".test :hidden");//帶空格的jquery選擇器

上面這段**是選取class為「test」的元素裡面的隱藏元素。(後代選擇器)

view source

print?

1var$test_b = $(".test:hidden");//不帶空格的jquery選擇器

這上面的**則是選取隱藏的class為「test」的元素

注意:

有的選擇器的用法,必須是空格,如果不帶空格的話,那就取不到元素,比如:

view source

print?

1$("select:selected").length;//不管任何時候,這個選擇器都取不到元素,這個length必然是0

2$("select :selected");//這樣才是正確的

有的選擇器的用法,必須不帶空格,如果帶空格的話,那就取不到元素,比如:

view source

print?

1$("input :checked").length;//不管任何時候,這個選擇器都取不到元素,這個length必然是0

2$("input:checked");//這樣才是正確的

jQuery選擇器中含有空格的注意事項

選擇器中的空格也是不容忽視的,多乙個空格和少乙個空格會得到不同結果 例子如下 class test aadiv bbdiv ccdiv class test style display none dddiv div class test style display none eediv class ...

選擇器中含有空格的注意事項

選擇器中的空格也是不容忽視的,多乙個空格或少乙個空格也許會得到截然不同的結果。看下面的例子,它的html 如下 aa bbcc dd ee ff 使用如下的jquery選擇器分別獲取它們。var t a test hidden var t b test hidden var len a t a.le...

Tomcat下獲取當前類的路徑中含有空格的解決方案

web專案發布到tomcat之後,如果tomcat是安裝在比如 那麼你獲取當前類的路徑的時候,就會出現問題,因為它會報出 20 這個時候你再做一些關於檔案的操作,程式就掛了,報一些未知錯誤,那麼解決方案就是使用字串的replace方法,進行字串替換即可.獲取當前類載入器,並找到指定目錄poolcon...