第一種:jQuery入口函數完整寫法:
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function () { // 等待DOM元素加載完畢
alert("Hello World"); // 彈出一個提示框
});
</script>
</head>
第二種:簡化寫法:
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(function () { // 等待DOM元素加載完畢
alert("Hello World"); // 彈出一個提示框
});
</script>
</head>
以上兩種jQuery的入口函數,類似於傳統的JavaScript中的window.onload方法,不過與window.onload還是有一些區別。
描述 | window.onload | $(document).ready() |
---|---|---|
執行 時機 | 必須等待網頁中所有的內容都加載完畢後(包括圖片)才能執行 | 網頁中所有DOM結構繪製完畢後就執行,可能DOM元素相關聯的東西並沒有加載完成(例如圖片還沒下載完成) |
編寫 個數 | 不能同時編寫多個 | 可以同時別寫多個 |