Front-end——jQuery入口函式及$解釋
阿新 • • 發佈：2021-01-15
技術標籤：HTML+CSS+JS
一、jQuery的入口函式
//兩種寫法：
//1、
$(document).ready(function(){})
//2、
$(function(){})1、jQuery入口函式和window.onload入口函式的區別
- window.onload入口函式不能寫多個，但是jQuery的入口函式是可以寫多個的
- 執行時機不同，jQuery入口函式執行時機要快於window.onload入口函式。因為jQuery入口函式要等待頁面上的DOM樹載入完後執行；window.onload入口函式要等待頁面上所有的資源（DOM樹 / 外部CSS/js連線，圖片）都載入完畢執行
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-3.5.1.min.js"></script> <style> *{ margin: 0; padding: 0; } </style> </head> <body> <script> $(document).ready(function(){ alert("我是第一個入口函式") }) $(function(){ alert("我是另一個入口函式") }) </script> </body> </html>
二、jQuery中 $ 符號的解釋
1、$ 是什麼？
- jQuery是一個自執行函式。引入一個js檔案，是會執行js檔案中的程式碼的。
- 執行jQuery檔案中的程式碼，其實就是執行jQuery這個自執行函式
- 這個自執行檔案就是給window物件新增一個jQuery屬性和 $ 屬性
- $ 和 jQuery是等價的，是一個函式
2、jQuery 和 $ 是一回事驗證
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-3.5.1.min.js"></script> <style> *{ margin: 0; padding: 0; } </style> </head> <body> <script> $(function(){ console.log(window.jQuery === window.$) }) </script> </body> </html>
