您好,登錄后才能下訂單哦!
這篇文章主要講解了“jquery的入口函數(shù)有哪些寫(xiě)法”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“jquery的入口函數(shù)有哪些寫(xiě)法”吧!
jquery的入口函數(shù)共有四種寫(xiě)法:1、“$(function(){});”,該寫(xiě)法是最簡(jiǎn)潔的一種寫(xiě)法;2、“$(document).ready(function(){});”;3、“jquery(function(){});”;4、“jquery(document).ready(function(){});”。入口函數(shù)的作用是等DOM結(jié)構(gòu)渲染完畢,就可以執(zhí)行里面的代碼。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
什么是入口函數(shù)?
不知道大家還有沒(méi)有印象,我們?cè)趯W(xué)習(xí)原生 JS 的 BOM 時(shí),由于HTML元素在 script 標(biāo)簽的后方,因?yàn)榇a自上而下運(yùn)行而導(dǎo)致的報(bào)錯(cuò)情況,當(dāng)時(shí)我們有兩種解決方法,第一種是方法是 load,第二種方法是 DOMContentLoaded。在 jQuery 這里也存在這樣的情況,如果我們的 script 標(biāo)簽放在HTML元素的前面,就需要入口函數(shù)了
作用:
該入口函數(shù)的作用是等 DOM 結(jié)構(gòu)渲染完畢就可以執(zhí)行里面的代碼了,不用等待圖片,css等所有資源都加載完畢,其相當(dāng)于原生 JS 中的 DOMContentLoaded
寫(xiě)法:
jQuery入口函數(shù)一共有四種寫(xiě)法,四種寫(xiě)法都由以下圖片按順序展示。在開(kāi)發(fā)中推薦大家使用第三種寫(xiě)法,為什么推薦大家使用第三種呢?因?yàn)橄鄬?duì)于第三種寫(xiě)法其它幾種寫(xiě)法需要寫(xiě)得更多,編碼效率要比第三種寫(xiě)法低。我們使用jQuery就是為了簡(jiǎn)化JavaScript的操作,可以使我們寫(xiě)的更少做的更多。
1、第一種:
$(document).ready(function(){ });
2、第二種:
jQuery(document).ready(function(){ });
3、第三種(最簡(jiǎn)潔的寫(xiě)法,推薦):
$(function(){ });
4、第四種:
jQuery(function(){ });
感謝各位的閱讀,以上就是“jquery的入口函數(shù)有哪些寫(xiě)法”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)jquery的入口函數(shù)有哪些寫(xiě)法這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。