【便捷修改】
jquery為非常常用屬性提供了一些便捷修改的函數(shù)。其中包括
width() 作用是直接修改選中元素的寬度，如果不傳遞參數(shù)表示訪問或測(cè)試選中元素的當(dāng)前寬度；
height() 同上；
val() ?直接修改或訪問選中元素的值屬性。
【dom對(duì)象和jq對(duì)象的區(qū)別】
只要是通過document對(duì)象取出來(lái)的數(shù)據(jù)它身上的一切屬性和方法在jq中都不能用。實(shí)際上最主要的就是標(biāo)簽身上的一切屬性。
在js中對(duì)象之間的屬性和功能是不能混用的這是js中的一個(gè)重要規(guī)定。
通過document取出來(lái)的數(shù)據(jù)都是dom對(duì)象，通過$取出來(lái)的數(shù)據(jù)都是jq對(duì)象。
【節(jié)點(diǎn)控制】
什么是節(jié)點(diǎn)？
在html當(dāng)中節(jié)點(diǎn)實(shí)際上就是標(biāo)簽。另外節(jié)點(diǎn)的意義比標(biāo)簽稍微的大了一點(diǎn)。在網(wǎng)頁(yè)文檔中除了標(biāo)簽以外文字也可以所做節(jié)點(diǎn)。所以說(shuō)節(jié)點(diǎn)控制就可以理解為標(biāo)簽控制。
《學(xué)習(xí)節(jié)點(diǎn)控制的目的》
我們學(xué)習(xí)節(jié)點(diǎn)控制只要能夠?qū)ξ臋n中的所有節(jié)點(diǎn)實(shí)現(xiàn) 增刪改查四個(gè)功能就可以了。其中值得一提的是 查找節(jié)點(diǎn)的過程實(shí)際上就是選擇器選擇的過程。
《創(chuàng)建節(jié)點(diǎn)》
增刪改查中的第一個(gè)創(chuàng)建新的節(jié)點(diǎn)。
創(chuàng)建步驟：
1. 聲明變量?jī)?chǔ)存新節(jié)點(diǎn)；
2. 通過jq當(dāng)中的選擇函數(shù)直接創(chuàng)建任意字符串形式的節(jié)點(diǎn)。
3. 選擇一個(gè)容器，用插入函數(shù)將新的節(jié)點(diǎn)添加到文檔流當(dāng)中。
（創(chuàng)建節(jié)點(diǎn)這個(gè)知識(shí)點(diǎn)里面學(xué)習(xí)的最多的新東西就是各種插入函數(shù)）
《插入函數(shù)》
append(參數(shù)1) 作用是將新的節(jié)點(diǎn)追加到指定容器內(nèi)部的結(jié)尾處。
參數(shù)1：新的節(jié)點(diǎn)變量
prepend(參數(shù)1) 作用是在指定容器內(nèi)部的開頭處追加節(jié)點(diǎn)。
外部追加：
after() 同級(jí)之后；
before() 同級(jí)之前；
《刪除節(jié)點(diǎn)》
簡(jiǎn)介刪除節(jié)點(diǎn)指的是刪除文檔上原有的節(jié)點(diǎn)，也可以刪除新增的。刪除節(jié)點(diǎn)中只涉及到兩個(gè)新的函數(shù)。
remove() 作用：直接刪除選中節(jié)點(diǎn)。它的內(nèi)部沒有參數(shù)；
empty() 作用：清空選中節(jié)點(diǎn)的內(nèi)部，保留一個(gè)空盒子。
《修改節(jié)點(diǎn)》
replaceWith(參數(shù)1) 直譯為：替換為，作用是將選中的節(jié)點(diǎn)替換為新的節(jié)點(diǎn)。
參數(shù)1：表示新的節(jié)點(diǎn)標(biāo)簽，千萬(wàn)注意不能寫選擇器。
《查找節(jié)點(diǎn)》
查找節(jié)點(diǎn)不涉及到任何新的函數(shù)實(shí)際上選擇器選擇標(biāo)簽的過程就已經(jīng)是查找節(jié)點(diǎn)。
《總結(jié)》
節(jié)點(diǎn)控制對(duì)于我們將來(lái)的工作到底能做什么有用的事。
模態(tài)窗口，增加新的廣告條。
模態(tài)窗口的要求，它的定位是在水平和垂直都是居中的，所以這種需求需要使用特殊的方式來(lái)完成。方法是用絕對(duì)定位水平和垂直都是50%然后再依靠margin的負(fù)值減掉自身寬度和高度一半。
《模態(tài)窗口的兩種制作方式》
一種是通過創(chuàng)建節(jié)點(diǎn)和刪除節(jié)點(diǎn)來(lái)制作。好處在于比較節(jié)省空間，缺點(diǎn)在于刪除模態(tài)窗口的事件必須要寫在綁定事件的內(nèi)部，否則刪不掉， 第二，在使用淡出動(dòng)畫的時(shí)候?yàn)榱吮ＷC刪除節(jié)點(diǎn)的指令最后執(zhí)行，必須要給fadeOut書寫回調(diào)參數(shù) 較為麻煩。
第二種方式直接通過事先制作好結(jié)構(gòu)和樣式用jquery、控制模態(tài)窗口整個(gè)分區(qū)顯示和隱藏即可。
動(dòng)畫里面有一種焦點(diǎn)圖的動(dòng)畫被稱作為呼吸效果
