1.5　jQuery編碼風(fēng)格

編碼風(fēng)格是程序開發(fā)人員在編寫源代碼時形成的約定俗成的書寫風(fēng)格，良好的編碼風(fēng)格使代碼具有可讀性，也有利于后期的代碼維護。

1.5.1　$的作用

$是jQuery程序的標(biāo)志：在jQuery程序中使用最多的就是美元符$。無論是頁面元素的選擇器，還是功能函數(shù)的前綴，都必須使用該符號。因此，它不僅可以用作選擇器，還可以用作jQuery的工具函數(shù)前綴。

1.5.2　連綴的編程模式

在對DOM元素進行多個操作時，為了避免過度使用臨時變量或不必要的重復(fù)代碼，在大多數(shù)jQuery代碼中采用了一種稱為連綴的編程模式。它可以對一個對象進行多重操作，并將操作結(jié)果返回給該對象，以便于將返回結(jié)果應(yīng)用于該對象的下一次操作。下面通過示例3演示實現(xiàn)連綴的書寫方法。

示例3：

樣式代碼：

結(jié)構(gòu)代碼：

行為代碼：

運行結(jié)果如圖1.5所示。

由示例3可知，單擊<h2>時，為它本身添加紅色的背景，并為緊隨其后的元素<p>添加樣式，使隱藏的<p>元素顯示出來，這就是jQuery的連綴模式。示例3中出現(xiàn)的css()方法，也是jQuery中用于進行CSS操作的方法之一，它的作用是為匹配的元素添加CSS樣式。語法格式如下：

若要使用css()方法為頁面中的<p>元素設(shè)置文本顏色為藍色，可以寫作：$("p").css("color","blue")。

基于結(jié)構(gòu)與樣式分離的原則，通常在實際應(yīng)用中為某元素添加樣式時，使用addClass()方法比css()方法的頻率高得多，因此建議使用addClass()方法為元素添加樣式。