jQuery是什么?
jQuery是一套跨浏览器的JavaScript函式库，可以让程式设计人员快速开发程式，以最少的程式码，来简化HTML与JavaScript之间的操作，而且只需几行的程式码就可以搞定。jQuery的语法设计使得许多操作变得容易，如操作文件（document）、选择DOM元素、建立动画效果、处理事件、以及开发Ajax程式。由于其功能强大跟延伸性高，jQuery已经改变了数百万的人写JavaScript的方式。 [adsense][/adsense]
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" ); }}); |
