Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:58:42
original
1276 Les gens l'ont consulté

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 :


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 :


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


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


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!