jquery的入口函數有幾種寫法

WBOY
發布: 2022-06-08 10:38:01
原創
2924 人瀏覽過

jquery的入口函數共有四種寫法:1、“$(function(){});”,該寫法是最簡潔的一種寫法;2、“$(document).ready(function (){});」;3、「jquery(function(){});」;4、「jquery(document).ready(function(){});」。入口函數的作用是等DOM結構渲染完畢,就可以執行裡面的程式碼。

jquery的入口函數有幾種寫法

本教學操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery的入口函數

什麼是入口函數?

       不知道大家還有沒有印象,我們在學習原生JS 的BOM 時,由於HTML元素在script 標籤的後方,因為代碼自上而下運行而導致的報錯情況,當時我們有兩種解決方法,第一種是方法是load,第二種方法是DOMContentLoaded。在jQuery 這裡也有這樣的情況,如果我們的script 標籤放在HTML元素的前面,就需要入口函數了

作用:

##       該入口函數的作用是等DOM 結構渲染完畢就可以執行裡面的程式碼了,不用等待圖片,css等所有資源都載入完畢,其相當於原生JS 中的DOMContentLoaded

寫法:

jQuery入口函數一共有四種寫法,四種寫法都由以下圖片依序顯示。在開發中推薦大家使用第三種寫法,為什麼推薦大家使用第三種呢?因為相對於第三種寫法其它幾種寫法需要寫得更多,編碼效率要比第三種寫法低。我們使用jQuery就是為了簡化JavaScript的操作,可以讓我們寫的更少做的更多。

1、第一種:

$(document).ready(function(){ 
});
登入後複製

jquery的入口函數有幾種寫法

#2、第二種:

jQuery(document).ready(function(){
 });
登入後複製

jquery的入口函數有幾種寫法

3、第三種(最簡潔的寫法,推薦)

$(function(){
 });
登入後複製

jquery的入口函數有幾種寫法

# #4、第四種:

jQuery(function(){ 
});
登入後複製

jquery的入口函數有幾種寫法影片教學推薦:

jQuery影片教學

以上是jquery的入口函數有幾種寫法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!