關(guān)于JS與jQuery中的文檔加載問題
jquery中的$(document).ready()類似于javascript中的window.onload()，但是其中還是有很大區(qū)別的
1.jquery中的可以簡化為$().ready()，$(function), 而js卻不行必須全部寫完。
2.同時js的window.onload()只能有一個，而jquery的$(document).ready()卻可以有多個。
3.最重要的一點是window.onload必須等到頁面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。
$(document).ready()是DOM結(jié)構(gòu)繪制完畢后就執(zhí)行，不必等到加載完畢。
下面說說在項目中遇到的問題
先上代碼，這個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>
問題在與我們對"$"定義了一個函數(shù)，同時又想使用jquery提供的"$",所以報錯"Cannot read property 'ready' of null",問題在于我們寫的"$"影響了$(document)這塊，所以還是老老實實導(dǎo)包，別嫌麻煩，不然出現(xiàn)bug,要是在不熟悉的其中語法(代碼就一行，項目大的話還不容易發(fā)現(xiàn)。o(╥﹏╥)o)，改bug就要更長的時間，也是醉了。
總結(jié)
以上所述是小編給大家介紹的JS與jQuery中的文檔加載問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
本篇文章主要是對javascript模擬枚舉的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
這篇文章主要介紹了JavaScript中的函數(shù)式編程詳解,需要的朋友可以參考下2020-08-08
JavaScript實現(xiàn)購物車圖片局部放大預(yù)覽效果
這篇文章主要為大家詳細介紹了JavaScript如何通過canvas簡單實現(xiàn)購物車圖片放大預(yù)覽效果，文中的示例代碼講解詳細，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-03-03
本篇文章是小編整理的關(guān)于javascript獲取圖片的top N主色值方法的詳解以及代碼分享，有興趣的朋友參考下吧。2018-01-01
JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹遍歷算法詳解【先序、中序、后序】
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹遍歷算法,結(jié)合實例形式詳細分析了javascript二叉樹的定義及先序遍歷、中序遍歷、后序遍歷等相關(guān)遍歷操作實現(xiàn)技巧,需要的朋友可以參考下2019-02-02
javascript textarea光標定位方法(兼容IE和FF)
主要是實現(xiàn)textarea中光標的定位方法，考慮到多瀏覽器的兼容性，需要的朋友可以參考下。2011-03-03
JavaScript中字符串(string)轉(zhuǎn)json的2種方法
這篇文章主要介紹了JavaScript中字符串(string)轉(zhuǎn)json的2種方法,兩種方法分別是使用js函數(shù)eval()和、使用jquery.parseJSON()方法,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)京東查看商品點擊放大，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
JS數(shù)據(jù)格式化是在進行web前端開發(fā)時常碰到的事情,特別是在數(shù)據(jù)類型為Float的數(shù)據(jù)就需要特殊處理,如保留兩位小數(shù)、小數(shù)點后的數(shù)據(jù)是否需要四舍五入等等,下面這篇文章主要給大家介紹了關(guān)于js保留兩位小數(shù)最簡單的實現(xiàn)方法,需要的朋友可以參考下2023-05-05
簡單的JS控制button顏色隨點擊更改的實現(xiàn)方法
下面小編就為大家?guī)硪黄唵蔚腏S控制button顏色隨點擊更改的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04