處理計(jì)算機(jī)監(jiān)控軟件事件

　　事件是許多編程語言中常用的一種技術(shù)。在前面已經(jīng)看到了NET計(jì)算機(jī)監(jiān)控軟件事件的應(yīng)用，它們用于處理Button控件的Click事件或Page的Load事件。在這一點(diǎn)上，JavaScript和DOM也不例外，它們在許多地方都提供了事件。；例如，許多HTML元素都有一個click事件，在單擊時(shí)觸發(fā)。同樣，它們還有mouse over和mouse out事件，當(dāng)鼠標(biāo)指針經(jīng)過它們或者離開它們時(shí)觸發(fā)。通常，在標(biāo)記中直接定義事件。
　　除了編寫內(nèi)聯(lián)觸發(fā)的代碼（在本例中為alert函數(shù)）之外，還可以將它們指向自己可以編寫的JavaScript函數(shù)。
　　jQuery則更進(jìn)一步，不僅允許將計(jì)算機(jī)監(jiān)控軟件事件掛鉤到單個元素上，還允許將計(jì)算機(jī)監(jiān)控軟件事件掛鉤到整個匹配集上。這種功能極為強(qiáng)大，因?yàn)橹挥脦仔写a，就可以將處理程序綁定到大量的元素上。例如，考慮具有許多行的一個表。為了使表格的外觀美觀一些，可以應(yīng)用一種叫作“活動項(xiàng)跟蹤”的技術(shù)，當(dāng)鼠標(biāo)指針移動到某個項(xiàng)上時(shí)，該項(xiàng)就改變顏色。如果不使用jQuery，就需要對表的每一行編寫onmouseover和onmouseout事件處理程序。這顯然會顯著增加頁面最終的HTML代碼量。而使用jQuery，則只需要使用下面的代碼。
　　這些代碼找出DemoTable元素中的全部表行，然后動態(tài)分配一個函數(shù)，當(dāng)鼠標(biāo)指針懸停在每一個行上時(shí)，將會調(diào)用該函數(shù)。如果將鼠標(biāo)指針懸停在行上，那么背景將會改變顏色。但是如果移走鼠標(biāo)指針，那么新顏色將會保留下來。為了解決這個問題，可以使用jQuery的鏈接概念，既jQuery方法的結(jié)果會返回一個匹配集，所以可以對該結(jié)果應(yīng)用其他函數(shù)。要將mouse out綁定到一個新函數(shù)，只需要對bind的第一次調(diào)用返回的值再次調(diào)用。
　　這些代碼完成三項(xiàng)工作：首先，使用找出表中的全部行。它在返回的匹配集中調(diào)用bindO，以便動態(tài)掛鉤一些行為，當(dāng)鼠標(biāo)指針移動到某一行上時(shí)，就會觸發(fā)這些行為。然后，對第一次調(diào)用bind返回的匹配集再次調(diào)用bind，以便當(dāng)鼠標(biāo)從該行移走時(shí)重置背景色。注意，代碼中將顏色設(shè)置為一個空字符串，以便移除CSS背景屬性，這樣就可以再次看到原來的背景。
　　表行（和其他許多HTML元素）都有一個style屬性，可以用來通過編程方式修改CSS樣式。你可能以為應(yīng)該使用style.background-color來修改顏色，但是在JavaScript中并非如此。在JavaScript中，短劃線不是有效的標(biāo)識符，所以在JavaScript中，所有的短劃線都將從屬性名中移除。而且，原來緊跟在短劃線后面的字母將變?yōu)榇髮懛绞?。所以，CSS中的background-color在JavaScript中就變成了backgroundColor,font-family就變成了font Family，等等。當(dāng)試圖通過JavaScript和jQuery動態(tài)設(shè)置CSS信息時(shí)，一定要牢記這些命名規(guī)則。