jQuery是什麼?
jQuery是一套跨瀏覽器的JavaScript函式庫，可以讓程式設計人員快速開發程式，以最少的程式碼，來簡化HTML與JavaScript之間的操作，而且只需幾行的程式碼就可以搞定。jQuery的語法設計使得許多操作變得容易，如操作文件（document）、選擇DOM元素、建立動畫效果、處理事件、以及開發Ajax程式。由於其功能強大跟延伸性高，jQuery已經改變了數百萬的人寫JavaScript的方式。
Hello World jQuery
1.下載jQuery 請看我們的下載教學跟撰寫jQuery的軟體需求 2.jQuery實例
DOM 遍歷和操作
取得一個有’continue’類別的<button>元素，然後改變它的HTML為 ‘Hello World jQuery…’
|
1
|
$( "button.continue" ).html( "Hello World jQuery..." ) |
事件處理
當#button-container裡面的按鈕被點擊時，顯示有display:none屬性的#banner-message元素顯示出來。
|
1
2
3
4
|
var hiddenBox = $( "#banner-message" );$( "#button-container button" ).on( "click", function( event ) { hiddenBox.show();}); |
Ajax
呼叫本地伺服器的/api/getWeather指令碼，傳遞查詢參數zipcode=97201然後取代元素#weather-temp的html為傳回的文字。
|
1
2
3
4
5
6
7
8
9
|
$.ajax({ url: "/api/getWeather", data: { zipcode: 97201 }, success: function( data ) { $( "#weather-temp" ).html( "<strong>" + data + "</strong> degrees" ); }}); |
