认识jQuery
jQuery 是个快速、轻巧且功能丰富的 JavaScript library。它提供容易使用且相容於多个Browser的 API,让 HTML 的事件处理、建立动画效果与 Ajax 等操作变的更简单。 jQuery 透过多功能性与可扩充性的组合已经改变数百万人撰写 JavaScript 的方式。
jQuery 的入门门槛
上面已经有提到 jQuery 是 JavaScript 的 library,若您是个完全未接触过网页程式语言的玩家,那建议您应该先学会:
HTML
基础的JavaScript
简单的操作范例 ( A Brief Look )
Dom的操作 ( DOM Traversal)
$( "button.continue" ).html( "Next Step..." )
取得 "continue" Class 的 button 元件,并把此元件的 html 属性值改为 "Next Step"
事件的处理 ( Event Handling )
当在 id 为 "button-container" 中点击任何的 button 时,把已经在 CSS 设定 display:none 隐藏且 id 为 "banner-message" 的元件显示出来
var hiddenBox = $( "#banner-message" );
$( "#button-container button" ).on( "click", function( event ) {
hiddenBox.show();
});
呼叫在 Server 端 /api/getWeather 的 Script 并传送参数 zipcode = 97201。当取得 Server 回应时,把回应的文字,设定为 id "weather-temp" 的 html 属性值
$.ajax({
url: "/api/getWeather",
data: {
zipcode: 97201
},
success: function( data ) {
$( "#weather-temp" ).html( "" + data + " degrees" );
}
});
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
