jQuery選擇器中的特殊字符處理

在使用jQuery選擇器時需要特別注意的一些事項，也可以說是使用過程中可能遇到的一些問題：

1、class或都id中含有“.”,“#”等特殊字符

    在我們的程序中可能會遇到id中還有“.”和“#”等特殊字符，如果按照普通方式處理就會出錯，解決方法是用轉義符轉義。

在下面程序中：

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

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

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

按照我們習慣的普通方式jQuery選擇器獲取:

$("#id.a"),$("#id#b")               這樣來獲取是錯誤的，根本不能正確的獲取

正確的方法如下：對特殊字符，轉義一下

jQuery代碼：

$("#id//.a");

$("#id//#b");

$("#id//[1//]");

 

2、屬性選擇器的引號問題

屬性選擇器中，值的引號是可能可元的，但有些特殊情況卻必須有。比如：屬性中含有“]”特殊字符。

<div title="name[1]a">aaaa</div>

如果屬性值不加引號，jQuery代碼：

$("div[title=name[1]a]");

會獲取不到。解決方法是加上引號，正確的做法是：

$("div[title="name[1]a"]");