jQuery 雅虎天氣預(yù)報是一款基于 jQuery 的插件,可以用來獲取雅虎天氣的實時天氣預(yù)報信息。以下是一個示例:
$(document).ready(function() {
$.simpleWeather({
location: 'Shanghai, China',
unit: 'c',
success: function(weather) {
html = '<h2>'+weather.temp+'°'+weather.units.temp+'</h2>';
html += '<ul>';
html += '<li>'+weather.city+', '+weather.region+'</li>';
html += '<li class="currently">'+weather.currently+'</li>';
html += '<li>'+weather.wind.direction+' '+weather.wind.speed+' '+weather.units.speed+'</li>';
html += '</ul>';
$("#weather").html(html);
},
error: function(error) {
$("#weather").html('<p>'+error+'</p>');
}
});
});
以上代碼會顯示當前位置為上海的天氣信息。可以通過更改location
參數(shù)來獲取不同位置的天氣信息,unit
表示溫度的單位,success
回調(diào)函數(shù)會在獲取天氣信息成功時執(zhí)行,error
回調(diào)函數(shù)則是在出現(xiàn)錯誤時執(zhí)行。
在 HTML 頁面中添加一個<div>
標簽,用于顯示天氣預(yù)報信息:
<div id="weather"></div>
使用 jQuery 雅虎天氣預(yù)報插件,可以方便地獲取天氣預(yù)報信息,為網(wǎng)站用戶提供更好的用戶體驗。