- 什麼是jQ?
jQ的出現是爲了簡化js的開發，jQ裏封裝了很多預定義的對象和實用函數，能幫助使用者輕鬆地建立有高難度交互的Web2.0特性的富客戶端頁面，並且兼容各大瀏覽器。
- 爲甚學jQ？
write less , do more.
- jQ代碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-3.2.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ alert("HelloWorld!"); }); $(document).ready(function(){ alert("So What?") }) </script> </head> <body> </body> </html> - $(document).ready();有兩種簡寫形式：
$().ready(function(){
//...
});
$(function(){
//...
});
- $(document).ready()與window.onload的區別
- 執行時機：$(document).ready();DOM結構繪製完畢就被執行。（注：理論上網頁內的元素都可以訪問，但並不意味着想要訪問的的操作都加載出來了。）
解決上一句括號內所注問題的方法：load()方法，load()方法會在元素的onload事件中綁定一個處理函數，如果處理函數綁定在window對象（window.onload）上，則會在所有內容（包括窗口、框架、對象和圖像等）加載完畢後觸發，如果處理函數綁定在元素上，則會在元素的內容加載完畢後觸發。
window.onload;必須等待網頁之中的所有內容都加載完畢後（包括圖片）才能被執行。
2.編寫個數：$(document).ready();能同時編寫多個，每個$(document).ready();都會執行並且每次執行都是在現有的行爲上追加新的行爲，不存在覆蓋。
window.onload;不能同時編寫多個，存在覆蓋。（onload事件一次只能保存對一個函數的引用。）
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
window.onload = function(){
alert('I');//未彈出
}
</script>
<script type="text/javascript">
window.onload = function(){
alert('Love');//彈出
}
</script>