Rumah > Artikel > hujung hadapan web > Terdapat beberapa cara untuk menulis fungsi sedia jquery

Terdapat beberapa cara untuk menulis fungsi sedia jquery

青灯夜游asal: 2022-11-25 20:38:081786semak imbas

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.

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>

$: 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>

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(){});

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("文档就绪函数第一种书写方法");
})

Dokumen Cara kedua untuk menulis fungsi sedia

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

Cara ketiga untuk menulis fungsi sedia dokumen

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

[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!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Apakah pemilih css " "Artikel seterusnya：Apakah pemilih css " "

Artikel berkaitan

Lihat lagi