JQuery選擇器中的一些注意事項

2022-05-06 19:09:08 字數 1086 閱讀 5386

1. 選擇器中含有特殊符號的注意事項

1. 1 選擇器中含有",","#","("或"]"等特殊字元

根據w3c的規定,屬性值中是不能包含有這些特殊字元的,但在實際專案中偶爾會遇到表示式中含有"#"和"."等特殊字元,如果按照普通的方式去處理出來的話就會出錯。解決此類錯誤的方法是使用轉義符轉義。

html**如下:

<

div

id="id#b"

>bb

div>

<

div

id="id[1]"

>cc

div>

如果按照普通的方式來獲取,例如:

$("#id#b");

$("#id[1]");

以上**不能正確的獲取到元素,正確的寫法如下:

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

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

1.2 屬性選擇器的@符號問題

在jquery公升級版本過程中,jquery在1.3.1版本中徹底放棄了1.1.0版本遺留下的@符號,假如使用1.3.1以上的版本,那麼不需要在屬性前新增@符號,比如:

$(" div[@title='test'] ");

正確的寫法是去掉符號@,比如:

$(" div[title='test'] ");

如果你的專案中已使用較早的jquery**和外掛程式,若把jquery公升級到最新後,出現**報錯或不能執行,那麼很有可能是因為**中使用了屬性選擇器的@符號而引起的。

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

選擇器中多乙個空格或少乙個空格也許會得到截然不同的結果。

如後代選擇器與過濾選擇器的不同造成的效果如下:

var $t_a=$('.test :hidden');//帶空格的

以上**是選取class為"test"的元素裡面的隱藏元素。

而**:

var $t_b=$('.test:hidden');//

不帶空格的

以上**則是選取隱藏的class為"test"的元素。

一些簡單的jQuery選擇器

學習 js dom 程式設計藝術 最後面有許多jquery的選擇器,每個都動手敲了一遍。jquery 提供了高階選擇器的方法。js獲取元素的三個基本方法分別是通過標籤名,類名和id,即 getelementsbytagname,getelementsbyclassname和getelementbyi...

jquery1 3關於選擇器的一些注意點

目前在使用jquery1.3的時候,發現有些做法和網上寫的已經有了一定的差異。目前發現的有 1 選擇器 1 選擇一組radio中被選中的radio 網上的寫法 input type radio checked 正確的寫法 input radio name channelsels checked tr...

jquery1 3關於選擇器的一些注意點

目前在使用jquery1.3的時候,發現有些做法和網上寫的已經有了一定的差異。目前發現的有 1 選擇器 1 選擇一組radio中被選中的radio 網上的寫法 input type radio checked 正確的寫法 input radio name channelsels checked tr...