首頁 > web前端 > js教程 > 主體

jquery選擇器需要注意的問題_jquery

WBOY
發布: 2016-05-16 16:29:59
原創
1322 人瀏覽過

我們先來看段程式碼,很簡單,如下

複製程式碼 程式碼如下:


    111
    222
    333
   

複製程式碼 程式碼如下:

$(function() {
     $("#button1").click(function() {
         $("#div1 span").html("aaa");
     });
 });

$("#div1 span")得到三個物件的陣列

1.如果執行 $("#div1 span").html("aaa"),則數組內的所有物件都會改變.如下圖

2.如果執行$("#div1 span").html(),只取值的話,則只會取數組第一個物件的值

所以如果選擇器獲得是一個數組,要對數組每個元素都進行操作時,最好用each().

另外還有些注意事項

選擇器中含有特殊符號的注意事項選擇器中含有「.」、「#」、「(」或「]」等特殊字元根據W3C的規定,屬性值中是不能含有這些特殊字元的,但在實際專案中偶爾會遇到表達式中含有「#」和「.」等特殊字符,如果按照普通的方式去處理出來的話就會出錯。

解決此類錯誤的方法是使用轉義符轉義。

bb

cc

不能這樣寫:

$('#id#b');  $('#id[1]');
應該使用轉義符號:
$('#id\#b');       //轉義特殊字元「#」
$('#id\[1\]');    //轉義特殊字元「[ ]」

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!