jQuery中的入口函數(shù)
入口函數(shù):
原生Js: window.onload
-
jQuery中的入口函數(shù)
- 語法1
$(document).ready(function(){
//獲取元素
});
- 語法2
$(function(){
//獲取元素
})
-
這里要注意的是:
onload事件在加載時(shí),要等待所有的頁面中的資源(DOM樹、圖片、視頻、音頻等外部資源)加載完畢之后,才會執(zhí)行;
jQuery的入口函數(shù),僅僅需要等待DOM樹加載完成就立即執(zhí)行
<script src="../jq/jquery-1.12.4.min.js"></script>
<script>
window.onload = function(){
console.log("window.onload")
};
$(document).ready(function(){
console.log("jquery 中的入口函數(shù)")
})
//簡化
$(function(){
console.log("簡化后的jQuery入口函數(shù)方法")
})
</script>
image
??從執(zhí)行速度可以看出,jQuery的入口函數(shù)執(zhí)行速度快于window.onload方法;
??同時(shí),在一個(gè)頁面中,可以書寫多個(gè)jQuery入口函數(shù),執(zhí)行順序按照前后加載順序執(zhí)行,不會覆蓋之前的入口函數(shù)。而window.onload方法一個(gè)頁面只能出現(xiàn)一次。