怎么在JavaScript中利用jQuery加載文檔

發(fā)布時(shí)間：2021-01-15 15:57:46 來源：億速云閱讀：174 作者：Leah 欄目：web開發(fā)

本篇文章給大家分享的是有關(guān)怎么在JavaScript中利用jQuery加載文檔，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

jquery中的$(document).ready()類似于javascript中的window.onload()，但是其中還是有很大區(qū)別的

1.jquery中的可以簡(jiǎn)化為$().ready()，$(function), 而js卻不行必須全部寫完。

2.同時(shí)js的window.onload()只能有一個(gè)，而jquery的$(document).ready()卻可以有多個(gè)。

3.最重要的一點(diǎn)是window.onload必須等到頁面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。

　　　　　　　$(document).ready()是DOM結(jié)構(gòu)繪制完畢后就執(zhí)行，不必等到加載完畢。

下面說說在項(xiàng)目中遇到的問題

先上代碼，這個(gè)demo中我不用引入jquery包就可以使用類似jquery的$(id)(我個(gè)人不建議使用)，在這個(gè)demo中頁面會(huì)彈出"1"，在此處完全沒有問題。

<!DOCTYPE html>
<head> 
<title>JS</title> 
<script>
function $(id){return document.getElementById(id)};
window.onload = function(){
  alert($("aaa").value);
};
</script>
</head> 
<body> 
<input id="aaa" value="1" />
</body> 
</html>

再上代碼，此處的問題會(huì)報(bào)錯(cuò)"Cannot read property 'ready' of null"，可以自己先想想為什么。。。

<!DOCTYPE html>
<head> 
<title>JS</title> 
<script src="js/jquery-2.1.1.min.js"></script>
<script>
function $(id){return document.getElementById(id)};
$(document).ready(function(){　　　　　　　　　　　　　　　　　　　　　　//這是錯(cuò)誤的代碼案列
$("#aaa").click(function(){
  $("#aaa").hide();
});
});
</script>
</head> 
<body> 
<a id="aaa" value="1" >aaaaaa</a>
</body> 
</html>

以上就是怎么在JavaScript中利用jQuery加載文檔，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

怎么在JavaScript中利用jQuery加載文檔

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽