Terdapat beberapa cara untuk menulis fungsi sedia jquery-Soal Jawab bahagian hadapan-php.cn

Terdapat beberapa cara untuk menulis fungsi sedia jquery

青灯夜游

Lepaskan： 2022-11-25 20:38:08

asal

1854 orang telah melayarinya

Terdapat tiga cara untuk menulis fungsi sedia jquery: 1. Cara lengkap menulis "$(document).ready(function(){//ready code});"; meninggalkan dokumen "$(). ready(function(){//ready code});"; 3. Kaedah menulis "$(function(){//ready code});" ditinggalkan.

Terdapat beberapa cara untuk menulis fungsi sedia jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.1, komputer Dell G3.

fungsi sedia dokumen jquery

Kadangkala, dalam halaman Html, kita perlu menunggu sehingga semua kandungan Html halaman dimuatkan sebelum melaksanakan Kod JS, pada masa ini, jQuery menyediakan fungsi bernama Document Ready, yang boleh menyelesaikan masalah ini dengan mudah.

Contohnya:

<script type="text/javascript">
$(document).ready(function () {
//文档就绪后直接运行的JS代码
});
</script>

Salin selepas log masuk

$: jquery flag
onload: Muatkan semua kandungan dalam halaman, termasuk sumber luaran (gambar, dokumen, dsb. fail)
Mula-mula muatkan semua kandungan dan sumber luaran pada halaman, dan kemudian muatkan kod js
sedia ( fungsi sedia dokumen): memuatkan Kandungan dalam halaman tidak termasuk sumber luaran ()
Mula-mula muatkan semua kandungan teg dalam halaman, kemudian muatkan kod js, dan akhirnya muatkan sumber luaran

Kod kes berikut:

<!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() { //文档就绪后直接运行的代码
					function f1() {
						var div1 = document.getElementById("div1");
						div1.innerText = "Hello";
					}
					f1();
				});
		</script>
	</head>
	<body>
		<div id="div1"></div>
	</body>
</html>

Salin selepas log masuk

Gunakan kaedah ready() jQuery untuk menjalankan kod dalam dokumen HTML selepas ia dimuatkan sepenuhnya, yang menghalang pencarian unsur-unsur yang tidak wujud.

Terdapat beberapa cara untuk menulis fungsi sedia jquery

Dalam jQuery, $(document).ready(function () {}) boleh diketepikan sebagai:

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

Salin selepas log masuk

Dari segi saiz kod, jenis kedua adalah kurang dan patut disyorkan .

Berdasarkan penggunaan kod jQuery di atas, jQuery menjadikan kod JS lebih mudah dan memerlukan lebih sedikit kod, menjadikan kod JS secara keseluruhan lebih mudah untuk dibangunkan dan diselenggara.

Ringkasan: Terdapat tiga kaedah fungsi sedia dokumen

Format penulisan pertama fungsi sedia dokumen

$(document).ready(function(){
alert("文档就绪函数第一种书写方法");
})

Salin selepas log masuk

Dokumen Cara kedua untuk menulis fungsi sedia

$().ready(function(){
alert("文档就绪函数第二种书写方法");
})

Salin selepas log masuk

Cara ketiga untuk menulis fungsi sedia dokumen

$(function(){
alert("文档就绪函数第三种书写方法");
})

Salin selepas log masuk

[Pembelajaran yang disyorkan: tutorial video jQuery , video bahagian hadapan web】

Atas ialah kandungan terperinci Terdapat beberapa cara untuk menulis fungsi sedia jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!