<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery函數書寫</title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript"> // 原生JavaScript調用方法: window.onload = function(){ var oDiv1 = document.getElementById('div1'); alert("原生JavaScript顯示"+oDiv1); } // JQuery調用方法: // 大概意思應為:當html文檔ready准備好的時候,附帶運行ready內的參數.所以在ready內部寫的函數與 原生JavaScript在windows.onload,類似; // 不過兩者差別在於 windows.onload = function(){} 是等待onload之后,網頁 框架和數據 完全緩存完之后才運行. $(document).ready( function(){} ) 是在 式樣框架 緩存完之后就開始運行. // window.onload 是等標簽加載完之后再渲染完畢之后,開始執行 // $(document).ready()是等標簽加載完之后就開始執行. // 所以$(document).ready(function(){}) 要比 window.onload=function(){} 快的多. $(document).ready(function(){ var $div = $("#div1"); alert("JQuery彈出"+$div) }) // ready的完整寫法如上.(理解其意義即可.) /* 簡寫方法: $ = $(document).ready $(document).ready(function(){}) <=====> $(funciton(){}) */ $(function(){ var $div = $('#div'); alert('jQuery第二次彈出'+$div) }) </script> </head> <body> <div id="div1">這是一個div元素</div> </body> </html>