本篇文章給大家分享的是有關怎么在JavaScript中利用jQuery加載文檔，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
jquery中的$(document).ready()類似于javascript中的window.onload()，但是其中還是有很大區別的
1.jquery中的可以簡化為$().ready()，$(function), 而js卻不行必須全部寫完。
2.同時js的window.onload()只能有一個，而jquery的$(document).ready()卻可以有多個。
3.最重要的一點是window.onload必須等到頁面內包括圖片的所有元素加載完畢后才能執行。
$(document).ready()是DOM結構繪制完畢后就執行，不必等到加載完畢。
下面說說在項目中遇到的問題
先上代碼，這個demo中我不用引入jquery包就可以使用類似jquery的$(id)(我個人不建議使用)，在這個demo中頁面會彈出"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>再上代碼，此處的問題會報錯"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(){ //這是錯誤的代碼案列
$("#aaa").click(function(){
$("#aaa").hide();
});
});
</script>
</head>
<body>
<a id="aaa" value="1" >aaaaaa</a>
</body>
</html>以上就是怎么在JavaScript中利用jQuery加載文檔，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
