Maison  >  Article  >  interface Web  >  Quelles sont les quatre méthodes d'événement jquery ready

Quelles sont les quatre méthodes d'événement jquery ready

青灯夜游
青灯夜游original
2022-12-16 17:45:003479parcourir

Les quatre méthodes de l'événement jquery ready sont : 1. Méthode « $(document).ready(function(){……}) » ; 2. « jQuery(document).ready(function(){……}) " Méthode ; 3. Méthode "$(function(){…})" ; 4. Méthode "jQuery(function(){…})".

Quelles sont les quatre méthodes d'événement jquery ready

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6.1, ordinateur Dell G3.

événement jquery ready

L'événement ready se produit lorsque le DOM (modèle objet de document) a terminé le chargement et que la page est entièrement chargée (y compris les images).

Étant donné que cet événement se produit une fois le document prêt, c'est une bonne pratique de placer tous les autres événements et fonctions jQuery dans cet événement.

Dans jQuery, il existe les 4 façons suivantes d'écrire l'événement prêt.

Syntaxe :

//写法1:
$(document).ready(function(){
    ……
})

//写法2:
jQuery(document).ready(function(){
    ……
})

//写法3:
$(function(){
    …… 
})

//写法4:
jQuery(function(){
    ……
})

【Analyse du code】

  • Dans la méthode d'écriture 1, $(document) signifie sélectionner d'abord le document, puis appeler la méthode ready(). Le paramètre de la méthode ready() est une fonction anonyme, comme le montre la figure ci-dessous. $(document) 表示先选取 document,然后调用 ready() 方法。其中 ready() 方法的参数是一个匿名函数,如下图 所示。

    Quelles sont les quatre méthodes dévénement jquery ready

  • 在写法 2 中,$就是指jQuery。因此我们可以使用$来代替jQuery,两者是等价的,即$()等价于 jQuery()

  • 而写法 3,实际上是我们最常用的也是最简单的,在此之前大家已经接触过很多次了。在实际开发中,我们也建议使用$(function(){})这种形式,方便简洁。

  • 写法 4 是写法 3 的完整形式,在实际开发中,我们并不推荐使用。

$(document).ready()

Quelles sont les quatre méthodes dévénement jquery ready

li>Dans la méthode d'écriture 2, $ fait référence à jQuery. Par conséquent, nous pouvons utiliser $ au lieu de jQuery. Les deux sont équivalents, c'est-à-dire que $() est équivalent à jQuery().

La méthode d'écriture 3 est en fait la plus couramment utilisée et la plus simple. Tout le monde y a déjà été exposé plusieurs fois. Dans le développement réel, nous recommandons également d'utiliser le formulaire $(function(){}) pour plus de commodité et de simplicité.

Quelles sont les quatre méthodes dévénement jquery ready

L'écriture 4 est la forme complète de l'écriture 3. Dans le développement réel, nous déconseillons son utilisation.

$(document).ready() est la méthode la plus importante dans jQuery, qui peut grandement améliorer la vitesse de chargement de la page. Exemple :

🎜🎜Utilisez ready() pour rendre la fonction disponible une fois le document chargé : 🎜
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("p").slideToggle();
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落 。</p>
		<button>切换段落的上滑与下滑。</button>

	</body>
</html>
🎜🎜🎜🎜[Apprentissage recommandé : 🎜Tutoriel vidéo jQuery🎜, 🎜Vidéo web front-end🎜]🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn