Comment écrire jquery et la différence entre exécuter JS après le chargement de la page_jquery

1. $(function(){
　$("#a").click(function(){
　　 //ajoutez votre code ici
　});
}); 🎜>2. $(document).ready(function(){
　$("#a").click(function(){
　　 //ajout de votre code ici　　
　});
});
3. window.onload = function(){
　$("#a").click(function(){
　　 //ajoutez votre code ici
　}); >}
Le code html est click, et la page doit référencer le fichier js de jquery

La méthode générale pour appeler js lors du chargement d'une page est la suivante :

Copiez le code Le code est le suivant :

window.onload = function() {

$("table tr:nth-child(even)").addClass("even"); Il s'agit du code jquery
} ;


Ce code sera exécuté une fois tous les documents de la page entière chargés. Malheureusement, cette méthode nécessite non seulement que l'arborescence DOM de la page soit entièrement chargée, mais nécessite également que toutes les images et ressources externes soient chargées. Ce qui est encore plus regrettable, c'est que si les ressources externes, telles que les images, mettent beaucoup de temps à se charger, alors cet effet js fera que l'utilisateur se sentira inefficace.

Mais utilisez la méthode jquery :

Copier le code Le code est le suivant :

$(document ).ready(function() {

// Tous les effets spéciaux js qui doivent être exécutés
$("table tr:nth-child(even)").addClass("even");
});


a juste besoin de charger toutes les structures DOM et d'exécuter l'effet js avant que le navigateur ne mette tout le HTML dans l'arborescence DOM. Inclus avant le chargement des images et des ressources externes.

Il existe également un raccourci :

Copiez le code Le code est le suivant :

$( function() {

// Tous les effets spéciaux js qui doivent être exécutés
$("table tr:nth-child(even)").addClass("even");
});