插件庫(kù)

superSlide、swiper 輪播圖插件的網(wǎng)站，有說(shuō)明書(shū)

jQ入口函數(shù)

$(document).ready(function(){})

簡(jiǎn)寫(xiě)：$(function(){});

與原生js的入口函數(shù)的區(qū)別：
- 原生js入口函數(shù)在網(wǎng)頁(yè)加載完畢，包括靜態(tài)資源圖片等加載結(jié)束后運(yùn)行，并且只能寫(xiě)一次
- jQ入口函數(shù)在DOM加載完畢后執(zhí)行，可以寫(xiě)多次

jQ引入頁(yè)面

引用的資源要保證在同一服務(wù)器下,要用live server打開(kāi)
$(function){
$(需要添加的容器).load(資源路徑)
}

.load()是異步函數(shù)，正常js執(zhí)行是由上到下執(zhí)行，遇到異步函數(shù)就跳過(guò)，最后執(zhí)行

$(".box").load("插件輪播圖.html")

JQ中的ajax

$.ajax({ url:"url", // 地址 type:"type", // 請(qǐng)求方式 data:{data:data}, // 傳遞參數(shù) dataType:"dataType", // 常用 json timeout:timeout, // 請(qǐng)求時(shí)間，毫秒數(shù) headers:{}, // 請(qǐng)求頭 success:function(){}, // 請(qǐng)求成功時(shí)執(zhí)行的代碼 error:function(){} // 請(qǐng)求失敗執(zhí)行的代碼 })

ajax練習(xí)

• 城市天氣
  html代碼：

<input type="text" id="ipt" value="南京"><button>搜索</button><ul></ul>

js代碼：

// 點(diǎn)擊事件$("button").click(function () {// 判斷輸入框是否有值if ($("#ipt").val()) {// 調(diào)接口$.ajax({url: "http://wthrcdn.etouch.cn/weather_mini?city=" + $("#ipt").val(),type: "get",dataType: "json",success: function (res) {if(res.status==1000){var data = res.data.forecast;var li = "";// 字符串拼接for(var i in data){li+=`<li><span>${data[i].date}</span><span>${data[i].fengli}</span><span>${data[i].fengxiang}</span><span>${data[i].high}</span><span>${data[i].low}</span><span>${data[i].type}</span></li>`}$("ul").html(li);}},error: function (e) {console.log(e);}})}else{alert("請(qǐng)輸入城市查詢")}})

注意使用前，要先引入jQuery文件

總結(jié)

以上是生活随笔為你收集整理的jQuery学习第三天（插件库、引入页面、jQ中的ajax）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。