溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

jquery就緒函數(shù)怎么使用

發(fā)布時(shí)間：2022-11-28 09:23:03 來(lái)源：億速云 閱讀：114 作者：iii 欄目：web開(kāi)發(fā)

這篇文章主要講解了“jquery就緒函數(shù)怎么使用”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“jquery就緒函數(shù)怎么使用”吧！

jquery就緒函數(shù)有3種寫(xiě)法：1、完整寫(xiě)法“$(document).ready(function(){//就緒代碼});”；2、省略document的寫(xiě)法“$().ready(function(){//就緒代碼});”；3、document和ready()都省略的寫(xiě)法“$(function(){//就緒代碼});”。

jquery文檔就緒函數(shù)

有時(shí)候，我們?cè)贖tml頁(yè)面中，需要等待頁(yè)面所有Html內(nèi)容加載完成之后，再執(zhí)行JS代碼，此時(shí)，jQuery提供了一個(gè)名稱(chēng)為文檔就緒的函數(shù)，可以很容易的解決此問(wèn)題。

例如：

<script type="text/javascript">
$(document).ready(function () {
//文檔就緒后直接運(yùn)行的JS代碼
});
</script>

  • $：jquery的標(biāo)志

  • onload:加載頁(yè)面中所有的內(nèi)容，包含外部資源（圖片、文檔等等文件）

    先加載頁(yè)面中所有內(nèi)容及外部資源，再加載js代碼

  • ready(文檔就緒函數(shù))：加載頁(yè)面中的內(nèi)容，不包含外部資源（）

    先加載頁(yè)面中所有的標(biāo)簽內(nèi)容，再加載js代碼，最后加載外部資源

如下案例代碼：

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title></title>
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(
				function() { //文檔就緒后直接運(yùn)行的代碼
					function f1() {
						var div1 = document.getElementById("div1");
						div1.innerText = "Hello";
					}
					f1();
				});
		</script>
	</head>
	<body>
		<div id="div1"></div>
	</body>
</html>

使用jQuery的ready()方法可以在HTML文檔完全加載之后再運(yùn)行其中的代碼，這樣可以防止查找不存在的元素。

jquery就緒函數(shù)怎么使用

在jQuery中，$(document).ready(function () {})可以省略為：

$().ready(function(){})
$(function(){});

從代碼量上看，第2種更少，值得推薦使用。

通過(guò)上面的jQuery代碼的使用上看，jQuery讓JS代碼變的更加簡(jiǎn)單，且代碼量更少，使得整體上，JS代碼更容易開(kāi)發(fā)和維護(hù)。

總結(jié)：文檔就緒函數(shù)有三種方法

文檔就緒函數(shù)第一種書(shū)寫(xiě)格式

$(document).ready(function(){
alert("文檔就緒函數(shù)第一種書(shū)寫(xiě)方法");
})

文檔就緒函數(shù)第二種書(shū)寫(xiě)方法

$().ready(function(){
alert("文檔就緒函數(shù)第二種書(shū)寫(xiě)方法");
})

文檔就緒函數(shù)第三種書(shū)寫(xiě)方法

$(function(){
alert("文檔就緒函數(shù)第三種書(shū)寫(xiě)方法");
})

感謝各位的閱讀，以上就是“jquery就緒函數(shù)怎么使用”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)jquery就緒函數(shù)怎么使用這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

向AI問(wèn)一下細(xì)節(jié)

免責(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)容。

AI
助
手