jQuery 使用選擇器注意事項

2021-05-02 23:00:36 字數 618 閱讀 4510

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

1、class或都id中含有「.」,「#」等特殊字元

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

在下面程式中:

aaaaa

bbbb

cccc

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

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

正確的方法如下:對特殊字元,轉義一下

jquery**:

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

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

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

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

屬性選擇器中,值的引號是可能可元的,但有些特殊情況卻必須有。比如:屬性中含有「]」特殊字元。

aaaa

如果屬性值不加引號,jquery**:

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

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

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

jQuery 使用選擇器注意事項 學習筆記十

在使用jquery選擇器時需要特別注意的一些事項,也可以說是使用過程中可能遇到的一些問題 1 class或都id中含有 等特殊字元 在我們的程式中可能會遇到id中還有 和 等特殊字元,如果按照普通方式處理就會出錯,解決方法是用轉義符轉義。在下面程式中 aaaaa bbbb cccc 按照我們習慣的普...

選擇器中的注意事項

1 選擇器中包含 或者 等特殊字元 注意使用轉義字元將特殊字元轉義 2 選擇器中包含空格的注意事項 選擇器中的空格也是不容忽視的,空格存在與否得出的結果可能很大的不同 test hidden 表示選取class為test的元素裡面的隱藏元素 test hidden 表示隱藏的class為test的元...

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

此文摘自 鋒利的jquery 另外新增了一點自己的東西 選擇器中的空格是不容忽視的,多乙個空格或少乙個空格也許得到的結果會截然不同的。下面來看乙個例子。先構建如下的html view source print?1 divclass test 2 divstyle display none jquer...