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

  1. 選擇器中含有特殊符號:spa

    選擇器中含有"."、"#"、"("或"]"等特殊字符。根據W3C的規定,屬性值中是不能含有這些特殊字符的。但在實際項目中偶爾會遇到表達式中含有"#"和"."等特殊字符。若是按照普通的方式去處理出來的話就會出錯。解決此類錯誤的方法是使用轉義符轉義。class

    HTML代碼以下:test

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

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

    若是按照普通的方式來獲取,例如:di

    $("#id#b");字符

    $("#id[1]")錯誤

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

    $("#id\\#b");        //轉移特殊字符#

    $("#id\\[1\\]")    //轉移特殊字符[]

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

    選擇器中的空格也是不容忽視的,多一個空格或少一個空格也許會獲得大相徑庭的結果。例如:

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

    以上代碼是選取class爲"test"的元素裏面的隱藏元素

      1. var $t_b=$('.test:hidden');    //不帶空格的jQuery選擇器
      以上代碼是隱藏的class爲"test"的元素
相關文章
相關標籤/搜索