VS 2010 的 jQuery 支援

當你在 Visual Studio 2010 建立一個 ASP.NET Web Application 專案的時候，會發現它的檔案預設結構複雜許多，詳情後續再說明，這裏先來看看與 jQuery 有關的部份，你會找到一個 Scripts 資料夾，其中內建了三個 jQuery 檔案，如下圖：


它們支援了 jQuery 的開發，現在來看看如果何使用 jQuery。

新增一個 Web Form 網頁檔案，切換至原始檔編輯模式，回到方案瀏覽視窗中展開 Scripts 資料夾，將其中的 jquery-1.3.2.js 拖曳至網頁中如下圖的紅色框線處（點圖可放大），這個時候編輯器會自動建立這個檔案的引用程式碼：


完成了 jQuery 檔案的引用，接下來測試看看，於網頁中配置 3 個 div，然後撰寫所需的 jQuery ，也就是畫面中的藍色框線部份程式碼。

完成之後，在瀏覽器檢視這個網頁，就可以得到以下的效果，所有的 div 區塊均被設定為黃色背景，同時配置了指定的字串。


好了，結束之前，解釋一下 Scripts 資料夾中的三個檔案：

• jquery-1.3.2-vsdoc.js：提供 jQuery 的輔助說明內容文件，這是 VS 編輯器專屬的。
• jquery-1.3.2.js：jQuery 的必要檔案。
• jquery-1.3.2.min.js：部署你的網頁時，引用這個即可。

這篇文章只是簡單的介紹一下 Visual Studio 2010 的 jQuery 功能，ASP.NET 事實上還有 AJAX 可用，有機會再針對這些技術的相關給節作更深入的說明。