此文摘自《鋒利的jquery》,另外新增了一點自己的東西
選擇器中的空格是不容忽視的,多乙個空格或少乙個空格也許得到的結果會截然不同的。下面來看乙個例子。
先構建如下的html**:
view source
print?
1
<
div
class
=
test
>
2
<
div
style
=
"display: none"
>jquery教程div
>
3
<
div
style
=
"display: none"
>jquery學習div
>
4
<
div
style
=
"display: none"
>jquery外掛程式div
>
5
<
div
style
=
"display: none"
class
=
test
>php學習div
>
6
div
>
7
<
div
style
=
"display: none"
class
=
test
>jquery外掛程式教程div
>
8
<
div
style
=
"display: none"
class
=
test
>jquery外掛程式學習div
>
jquery**:
view source
print?
1
var
$test_a = $(
".test :hidden"
);
//帶空格的jquery選擇器
2
var
$test_b = $(
".test:hidden"
);
//不帶空格的jquery選擇器
3
var
len_a = $test_a.length;
4
var
len_b = $test_b.length;
5
alert(
"帶空格的jquery選擇器選出的jquery元素是:"
+len_a+
"個"
);
//輸出為4個
6
alert(
"不帶空格的jquery選擇器選出的jquery元素是:"
+len_b+
"個"
);
//輸出為3個
之所以會出現不同的結果,這就是後代選擇器和過濾選擇器的不同了
view source
print?
1
var
$test_a = $(
".test :hidden"
);
//帶空格的jquery選擇器
上面這段**是選取class為「test」的元素裡面的隱藏元素。(後代選擇器)
view source
print?
1
var
$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...