1、jQuery 的屬性操作

jQuery 屬性操作

html() 它可以設(shè)置和獲取起始標(biāo)簽和結(jié)束標(biāo)簽中的內(nèi)容。 [跟?dom?屬性?innerHTML?一樣]

text() 它可以設(shè)置和獲取起始標(biāo)簽和結(jié)束標(biāo)簽中的文本。 [跟?dom?屬性?innerText?一樣]

val() 它可以設(shè)置和獲取表單項(xiàng)的 value 屬性值。 [跟?dom?屬性?value?一樣]

attr() 可以設(shè)置和獲取屬性的值，不推薦操作 checked、readOnly、selected、disabled 等等

attr 方法還可以操作非標(biāo)準(zhǔn)的屬性。比如自定義屬性：abc,bbj

prop() 可以設(shè)置和獲取屬性的值,只推薦操作 checked、readOnly、selected、disabled 等等

2、jQuery 練習(xí)

全選，全不選，反選

3、DOM 的增刪改

內(nèi)部插入：?

appendTo()?

a.appendTo(b)?

把 a 插入到 b 子元素末尾，成為最后一個(gè)子元素

prependTo()?

a.prependTo(b)?

把 a 插到 b 所有子元素前面，成為第一個(gè)子元素

外部插入：

insertAfter()?????????????a.insertAfter(b) ????????????得到 ba?

insertBefore()??????????a.insertBefore(b) ?????????得到 ab

替換:

replaceWith() ????????a.replaceWith(b) ????????用 b 替換掉 a?

replaceAll() ???????????a.replaceAll(b) ???????????用 a 替換掉所有 b

刪除：

remove() ????????a.remove(); ????????刪除 a 標(biāo)簽?

empty() ??????????a.empty(); ????????? 清空 a 標(biāo)簽里的內(nèi)容

4、jQuery 練習(xí)二

從左到右，從右到左練習(xí)

動(dòng)態(tài)添加、刪除表格記錄

5、CSS 樣式操作

addClass() 添加樣式?

removeClass() 刪除樣式?

toggleClass() 有就刪除，沒(méi)有就添加樣式。?

offset() 獲取和設(shè)置元素的坐標(biāo)。

6、jQuery 動(dòng)畫(huà)

基本動(dòng)畫(huà)

show() 將隱藏的元素顯示?

hide() 將可見(jiàn)的元素隱藏。?

toggle() 可見(jiàn)就隱藏，不可見(jiàn)就顯示。

以上動(dòng)畫(huà)方法都可以添加參數(shù)。?

1、第一個(gè)參數(shù)是動(dòng)畫(huà) 執(zhí)行的時(shí)長(zhǎng)，以毫秒為單位?

2、第二個(gè)參數(shù)是動(dòng)畫(huà)的回調(diào)函數(shù) (動(dòng)畫(huà)完成后自動(dòng)調(diào)用的函數(shù))

淡入淡出動(dòng)畫(huà)

fadeIn() 淡入（慢慢可見(jiàn)）?

fadeOut() 淡出（慢慢消失）?

fadeTo() 在指定時(shí)長(zhǎng)內(nèi)慢慢的將透明度修改到指定的值。0 透明，1 完成可見(jiàn)，0.5 半透明?

fadeToggle() 淡入/淡出 切換

7、jQuery 事件操作

$( function(){} ); 和 window.onload = function(){} 的區(qū)別？

他們分別是在什么時(shí)候觸發(fā)？?

1、jQuery 的頁(yè)面加載完成之后是瀏覽器的內(nèi)核解析完頁(yè)面的標(biāo)簽創(chuàng)建好 DOM 對(duì)象之后就會(huì)馬上執(zhí)行。?

2、原生 js 的頁(yè)面加載完成之后，除了要等瀏覽器內(nèi)核解析完標(biāo)簽創(chuàng)建好 DOM 對(duì)象，還要等標(biāo)簽顯示時(shí)需要的內(nèi)容加載 完成。

他們觸發(fā)的順序？?

1、jQuery 頁(yè)面加載完成之后先執(zhí)行?

2、原生 js 的頁(yè)面加載完成之后

他們執(zhí)行的次數(shù)？?

1、原生 js 的頁(yè)面加載完成之后，只會(huì)執(zhí)行最后一次的賦值函數(shù)。?

2、jQuery 的頁(yè)面加載完成之后是全部把注冊(cè)的 function 函數(shù)，依次順序全部執(zhí)行。

jQuery 中其他的事件處理方法：

click() 它可以綁定單擊事件，以及觸發(fā)單擊事件?

mouseover() 鼠標(biāo)移入事件

mouseout() 鼠標(biāo)移出事件?

bind() 可以給元素一次性綁定一個(gè)或多個(gè)事件。?

one() 使用上跟 bind 一樣。但是 one 方法綁定的事件只會(huì)響應(yīng)一次。?

unbind() 跟 bind 方法相反的操作，解除事件的綁定?

live() 也是用來(lái)綁定事件。它可以用來(lái)綁定選擇器匹配的所有元素的事件。哪怕這個(gè)元素是后面動(dòng)態(tài)創(chuàng)建出 來(lái)的也有效

事件的冒泡

什么是事件的冒泡？?

事件的冒泡是指，父子元素同時(shí)監(jiān)聽(tīng)同一個(gè)事件。當(dāng)觸發(fā)子元素的事件的時(shí)候，同一個(gè)事件也被傳遞到了父元素的事件里去 響應(yīng)。

那么如何阻止事件冒泡呢？?

在子元素事件函數(shù)體內(nèi)，return false; 可以阻止事件的冒泡傳遞。

javaScript 事件對(duì)象

事件對(duì)象，是封裝有觸發(fā)的事件信息的一個(gè) javascript 對(duì)象。 我們重點(diǎn)關(guān)心的是怎么拿到這個(gè) javascript 的事件對(duì)象以及使用。

如何獲取呢 javascript 事件對(duì)象呢？?

在給元素綁定事件的時(shí)候，在事件的 function( event ) 參數(shù)列表中添加一個(gè)參數(shù)，這個(gè)參數(shù)名，我們習(xí)慣取名為 event。 這個(gè) event 就是 javascript 傳遞參事件處理函數(shù)的事件對(duì)象。

比如：

1.原生 javascript 獲取 事件對(duì)象

2.jQuery 代碼獲取 事件對(duì)象

3.使用 bind 同時(shí)對(duì)多個(gè)事件綁定同一個(gè)函數(shù)。怎么獲取當(dāng)前操作是什么事件