jquery的入口函數共有四種寫法:1、“$(function(){});”,該寫法是最簡潔的一種寫法;2、“$(document).ready(function (){});」;3、「jquery(function(){});」;4、「jquery(document).ready(function(){});」。入口函數的作用是等DOM結構渲染完畢,就可以執行裡面的程式碼。
本教學操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
什麼是入口函數?
不知道大家還有沒有印象,我們在學習原生JS 的BOM 時,由於HTML元素在script 標籤的後方,因為代碼自上而下運行而導致的報錯情況,當時我們有兩種解決方法,第一種是方法是load,第二種方法是DOMContentLoaded。在jQuery 這裡也有這樣的情況,如果我們的script 標籤放在HTML元素的前面,就需要入口函數了
作用:
## 該入口函數的作用是等DOM 結構渲染完畢就可以執行裡面的程式碼了,不用等待圖片,css等所有資源都載入完畢,其相當於原生JS 中的DOMContentLoaded寫法:
1、第一種:
$(document).ready(function(){ });
#2、第二種:
jQuery(document).ready(function(){ });
3、第三種(最簡潔的寫法,推薦):
$(function(){ });# #4、第四種:
jQuery(function(){
});
影片教學推薦:
jQuery影片教學以上是jquery的入口函數有幾種寫法的詳細內容。更多資訊請關注PHP中文網其他相關文章!