欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery選擇器需要注意的問題

 更新時間：2014年11月26日 17:02:53   投稿：hebedich  
本文講述的是jquery選擇器結果是數組時需要主要的一個問題，并詳細分析了產生此問題的原因，這里記錄下來，小伙伴們在項目中使用的時候要注意一下。

我們先來看段代碼，很簡單,如下

復制代碼 代碼如下:

<div id="div1">
    <span>111</span>
    <span>222</span>
    <span>333</span>
    <button id="button1">clear</button>
</div>

復制代碼 代碼如下:

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

$("#div1 span")獲得三個對象的數組

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

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

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

另外還有些注意事項

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

解決此類錯誤的方法是使用轉義符轉義。
<div id="id#b">bb</div>
<div id="id[1]">cc</div>

不能這樣寫：
$('#id#b');  $('#id[1]');
應該使用轉義符號：
$('#id\\#b');       //轉義特殊字符“#”
$('#id\\[1\\]');    //轉義特殊字符“[ ]”

相關文章

最新評論