?一．代碼風格

jQuery語法：

基礎語法：

$(selector ).action(); 

//$：美元符號用來定義jQuery  

//選擇符(selector) “查詢”和“查找”HTML元素

//jQuery的action()執行對元素的操作

例如：

$(this).hide()

 //隱藏當前元素

$(‘p’).hide()   //隱藏p元素

在jQuery程序中，$就是jQuery的一個簡寫形式，例如：

$(function() {});            //執行一個匿名函數

$(‘#box’);                 //進行執行的ID元素選擇

$(‘#box’).css(‘color’,‘red’);   //執行功能函數,為#box添加行間樣式

上面的三段代碼也可以寫成如下形式：

jQuery(function() {});       // jQuery與$是相等、恒等的

jQuery(‘#box’);

jQuery(‘#box’).css(‘color’,‘red’);

jQuery注釋：單行使用“//...”，多行使用“/* ... */”。

//$('#box').css('color','red');

二．加載模式

之前的代碼一直在使用$(function () {});這段代碼進行首尾包裹，那么為什么必須要包裹這段代碼呢？原因是我們jQuery庫文件是在body元素之前加載的，必須等待所有的DOM元素加載后，延遲支持DOM操作，否則就無法獲取到。

在延遲等待加載，JavaScript提供了一個事件為load，方法如下：

window.onload= function () {};            //JavaScript等待加載

$(document).ready(function() {});    

//jQuery等待加載  

在實際應用中，很少直接去使用window.onload，因為他需要等待圖片之類的大型元素加載完畢后才能執行JS代碼。所以，最頭疼的就是網速較慢的情況下，頁面已經全面展開，圖片還在緩慢加載，這時頁面上任何的JS交互功能全部處在假死狀態。并且只能執行單次在多次開發和團隊開發中會帶來困難。?