其實選擇器就像開罐器一樣,會用這個工具的人,自然吃的到甜頭,但不會用這個工具的人,不管罐頭里面的面筋土豆有多美味,吃不到就是吃不到,就如同jquery再怎么強大,也只能看著熒幕,而不知該如何下手,不過雖然選擇器不難,也容易上手,但老實說,我用了一年多下來,還是覺得自己只有用皮毛而已,所以希望藉著這一系列的筆記,讓自己能更長進一些
DOM怎么吃
DOM可以說是JavaScript與網頁之間的聯系管道,他提供了一個模型,讓JavaScript能藉由此模型來改變或操作整個網頁,
<div class="one"> <p>two_1</p> <p>two_2</p> <p>two_2</p></div>
我這邊就簡單介紹一下DOM模型,有個元素class名為one的是父元素,底下有三個兒子元素<p>,每個元素都視為一個節點,也可以看成一個樹形圖,因為我認為有些東西是Google會講得比我好,所以還想知道更多糾結的父子關系...,可以去這,那邊有很好的說明,這邊就不多加解釋,而當Jquery利用選擇器抓取到DOM元素以后,就會將他包裝成一個Jquery object,并且回傳
$('#MyDiv')<-- 他是一個物件
這里有個觀念十分重要,因為許多初學者,甚至是一些從Jquery開始學起Javascript的開發者(包括我),常常會把以下兩個程序碼搞混在一起
//原生JavaScript取id為a的divvar result1 = document.getElementById('a');console.log(result1);//用jquery取id為a的divvar result2=$('#a');console.log(result2);