天天射天天做,国产在线观看xxxx免费,日韩三级久久

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

2018.05.26

$(document).ready() 里的代碼是在頁(yè)面內(nèi)容都加載完才執(zhí)行的，如果把代碼直接寫(xiě)到script標(biāo)簽里，當(dāng)頁(yè)面加載完這個(gè)script標(biāo)簽就會(huì)執(zhí)行里邊的代碼了，此時(shí)如果標(biāo)簽里執(zhí)行的代碼調(diào)用了當(dāng)前還沒(méi)加載過(guò)來(lái)的代碼或者dom，那么就會(huì)報(bào)錯(cuò)，當(dāng)然如果把script標(biāo)簽放到頁(yè)面最后面那么就沒(méi)問(wèn)題了，此時(shí)和ready效果一樣。

$(document).ready(function(){})可以簡(jiǎn)寫(xiě)成$(function(){});

注意：

jQuery中$(document).ready()的作用類(lèi)似于傳統(tǒng)JavaScript中的window.onload方法，不過(guò)與window.onload方法還是有區(qū)別的。后面的文章會(huì)具體講解它們之間的區(qū)別，今天先說(shuō)明一下$(document).ready(function(){})的應(yīng)用。

舉一個(gè)簡(jiǎn)單的例子說(shuō)明。當(dāng)點(diǎn)擊div后，我們將一個(gè)div隱藏。

[html]

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.1.0.min.js" language="JavaScript"></script>
<script>
$(document).ready(function () {
$("div").click(function(){
$(this).hide();
});
});
</script>
<style>
div{
width:100px;
height:100px;
background-color: #8ad6ff;
}
</style>
</head>
<body>
<div>點(diǎn)擊div，隱藏此div</div>
</body>
</html>

如果把$(document).ready(function() {});去掉后，無(wú)法隱藏這個(gè)div：

[html]

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.1.0.min.js" language="JavaScript"></script>
<script>
$("div").click(function(){
$(this).hide();
});
</script>
<style>
div{
width:100px;
height:100px;
background-color: #8ad6ff;
}
</style>
</head>
<body>
<div>點(diǎn)擊div，隱藏此div</div>
</body>
</html>

但是把script放到頁(yè)面最后的話，就可恢復(fù)隱藏效果：

[html]

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.1.0.min.js" language="JavaScript"></script>
<style>
div{
width:100px;
height:100px;
background-color: #8ad6ff;
}
</style>
</head>
<body>
<div>點(diǎn)擊div，隱藏此div</div>
</body>
<script>
$("div").click(function(){
$(this).hide();
});
</script>
</html>

所以我們進(jìn)行總結(jié)一下：

$(document).ready 里的代碼是在頁(yè)面內(nèi)容都加載完才執(zhí)行的，如果直接寫(xiě)到script標(biāo)簽里，當(dāng)頁(yè)面加載完這個(gè)script標(biāo)簽就會(huì)執(zhí)行里邊的代碼了，如果標(biāo)簽里執(zhí)行的代碼調(diào)用了當(dāng)前還沒(méi)加載過(guò)來(lái)的代碼或者dom，那么就會(huì)報(bào)錯(cuò)。但是如果把script標(biāo)簽當(dāng)?shù)巾?yè)面最后面那么就沒(méi)問(wèn)題，可以達(dá)到和ready差不多的效果。

$(document).ready() 方法是事件模塊中最重要一個(gè)函數(shù)，可以極大的提高 Web 應(yīng)用程序的速度。需要注意一點(diǎn)，由于在 $(document).ready() 方法內(nèi)注冊(cè)的事件，只要 DOM 就緒就會(huì)被執(zhí)行，因此可能此時(shí)元素的關(guān)聯(lián)文件未下載完。例如與圖片有關(guān)的 html 下載完畢，并且已經(jīng)解析為 DOM 樹(shù)了，但很有可能圖片還沒(méi)有加載完畢，所以例如圖片的高度和寬度這樣的屬性此時(shí)不一定有效。

分享一些技術(shù)學(xué)習(xí)視頻資料：https://pan.baidu.com/s/13dbR69NLIEyP1tQyRTl4xw

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

打開(kāi)APP，閱讀全文并永久保存查看更多類(lèi)似文章

jqurey 鼠標(biāo)滑入滑出事件

jQuery基本選擇器及用法

jQuery 1.4實(shí)用技巧大放送

JQUERY 選擇器大全

每個(gè)程序員都會(huì)的 35 個(gè) jQuery 小技巧(3)

jquery26個(gè)技巧

更多類(lèi)似文章 >>

免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版