jquery選擇器的一些注意事項

jQuery HTML CSS 碼農傳奇 2017-05-08

jquery完全繼承了CSS的操作風格,使用jquery選擇器有一些注意事項。

jquery選擇器的一些注意事項

jquery選擇器的一些注意事項

jquery選擇器的一些注意事項

1.選擇器中含有特殊符號,比如.#[(^*$等

由於這些符號在jquery選擇器中是有特殊含義的,所以不能直接使用,需要轉義符進行轉義。

HTML代碼如下:

<div id="id.a">aa</div>

<div id="id#b">bb</div>

<div id="id[1]">cc</div>

由於上述元素的id中含有特殊字符,使用jquery選擇器時必須通過轉義符進行轉義

$('#id\\.a');//轉義特殊字符“.”

$('#id\\#b');//轉義特殊字符“#”

$('#id\\[1\\]'); //轉義特殊字符“[]”

2.屬性選擇器的@

1.1.0版本的屬性選擇器中有使用@,從1.3.1以後的版本中不再使用@,這一點需要注意。

3.選擇器中含有空格

選擇器中的空格往往表示的是後代選擇器,不加空格表示的是對元素進行的過濾操作等,操作的是元素本身。在實際的使用過程中,有空格和沒有空格會取得截然不同的結果,這一點尤其需要注意。

實例代碼:

jquery選擇器的一些注意事項

運行結果:

jquery選擇器的一些注意事項


以上即為使用jquery選擇器需要注意的一些問題,需要在實際的使用過程中慢慢體會。

相關推薦

推薦中...