對於樂稅網代碼瞭解，新知識記錄

寫在前面：

被分配到不是指望的組，立馬出差到廈門（要不是廈門估計直接要求留京了吧，too young），原先預計的換部門短期內泡湯，只能寄託在9月份回北京的那短暫機會上，可是學習不能斷，準備不能停，就經過了解樂稅來一方面增長機會，另一方面複習以及熟練js。

var iconList=document.querySelector("#icon_list1");
這個querySelector沒見過，查查，是經過css風格的選擇元素，get。

下面又用到了querySelectorAll
var count=iconList.querySelectorAll("li").length;// 一共有多少個li

這部分查查了區別，一不當心發現鑫大神的博文，點進去詳細學習

• querySelector和querySelectorAll IE8+瀏覽器支持。
• querySelector返回的是單個DOM元素；querySelectorAll返回的是NodeList.
• 咱們通常用的多的是document.querySelectorAll, 實際上，也支持dom.querySelectorAll

注意的是 querySelectorAll()行爲與querySelector()是有差異，實際按照個人理解直接把querySelector()當成find()更好理解，畢竟我用jq的多。

使用querySelectorAll()要時刻注意一點

CSS選擇器是獨立於整個頁面的！

因此這個例子

<img id="outside">
<div id="my-id">
    <img id="inside">
    <div class="lonely"></div>
    <div class="outer">
        <div class="inner"></div>
    </div>
</div>

document.querySelectorAll("#my-id div div").length === 1;

document.querySelector("#my-id").querySelectorAll("div div").length === 3;

querySelectorAll("div div")是具備全局性的

因此第二行翻譯成白話文爲：
查詢#my-id的子元素，同時知足整個頁面下div div選擇器條件的DOM元素們。

 

$(this).addClass("curr").siblings().removeClass();

//技能get，同一級菜單移除,直接用兄弟removeClass()，非選中的樣式就不要用了類了，贊成name或者id啥的

 

 

參考文章：http://www.zhangxinxu.com/wordpress/2015/11/know-dom-queryselectorall/