認識jquery 入口函式 和$區別
阿新 • • 發佈：2019-02-15
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.1.js"></script> <script> //-------------------------------什麼是jquery------------------------------------ //原生js // window.onload = function () { // var btn = document.getElementsByTagName("button")[0]; // var divArr = document.getElementsByTagName("div"); // // btn.onclick = function () { // for(var i=0;i<divArr.length;i++){ // divArr[i].style.display = "block"; // divArr[i].innerHTML = "明日中秋！"; // } // } // } //jquery版 // $(document).ready(function () { // //獲取元素 // var jQbtn = $("button");//根據標籤名獲取元素 // var jQdiv = $("div");//根據標籤名獲取元素 // //繫結事件 // jQbtn.click(function () { // //事件驅動程式 // // jQdiv.show(1000);//顯示盒子。 // // jQdiv.html("tomorrow中秋！");//設定內容 // jQdiv.show(3000).html(1111); // //1.鏈式程式設計。 2.隱式迭代。 // // });//事件繫結是通過方法繫結的。 // }); //---------------------------------------------------入口函式------------------------------------// //jquery的入口函式。 文件載入完畢，圖片也載入完畢的時候在執行這個函式。 $(window).ready(function () { alert(1); }) //--------------------------------------------------jquery和$的區別----------------------------// // 沒區別 console.log($); console.log(jQuery); console.log($===jQuery); // jQuery(""); jQuery(document).ready(function () { alert(1); }); </script> </head> <body> </body> </html>