- L'extrémité avant
- HTML| CSS| JavaScript| Vue.js
Dernières recommandations
-
Php8, je viens aussi
84669 personnes étudient
- fondation autochtone
- HTML| CSS| HTML5| CSS3| JavaScript
Dernières recommandations
-
Apprenez la mise en page d'un site Web en 30 minutes
152542 personnes étudient
- Introduction aux fondamentaux
- MySQL| SQL Server
Dernières recommandations
-
Tutoriel vidéo Shangguan Oracle débutant à compétent
20005 personnes étudient
Dernières recommandations
-
Votre première ligne de code UNI-APP
5487 personnes étudient
-
Flutter de zéro au lancement de l'application
7821 personnes étudient
- Utilisation de l'outil
- PhpStudy| Git| Autres outils
Dernières recommandations
-
Brother Lian Nouveau didacticiel vidéo Linux
359900 personnes étudient
Dernières recommandations
-
-
Tutoriel vidéo PS Zero Basic Proficiency
180660 personnes étudient
-
Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer
48569 personnes étudient
-
Tutoriel vidéo sur les techniques PS et les techniques de découpage
18603 personnes étudient
- Classification de la bibliothèque de classes
- HTTP| TCP/IP| programmation de base
Dernières recommandations
-
Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment
40936 personnes étudient
-
-
Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP
1183 personnes étudient
-
Tutoriel vidéo Websocket
32909 personnes étudient
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
$(function(){
//C'est le code qui est exécuté après le chargement de la page
})
Votre première façon d'écrire est qu'il est exécuté avant le chargement de la page, donc le DOM ne changera pas s'il n'est pas détecté. Coloré
Le deuxième est l'abréviation de
.ready(). Veuillez consulter la documentation pour plus de détails.Généralement, les références js sont placées dans le
<head></head>里面，第一种写法执行的时候，页面还没加载完，所以找不到
$(".table tr:odd")sélecteur ;Le deuxième type est exécuté après le chargement de la page, la couleur du sélecteur peut donc être modifiée.
Soit utilisez la deuxième méthode, soit ajoutez la référence js à la fin de la page.
Dans la première façon d'écrire, lorsque votre code est exécuté, l'élément table peut ne pas être chargé sur la page, donc l'élément peut ne pas être trouvé, donc il n'y aura pas de changement de couleur.
.La deuxième façon d'écrire est d'attendre que les éléments de la page soient chargés avant d'exécuter votre code. Cela garantit que tous les éléments de la page ont été chargés et que le code peut trouver les éléments requis, donc les modifications correspondantes seront apportées
La différence entre vos deux appels est que la première fois que vous avez appelé
$(".table tr:odd")alors que le DOM n'était pas chargé, vous n'avez peut-être pas obtenu l'élément correspondant. Vous pouvez l'imprimer pour voir, mais la deuxième fois, vous l'avez définitivement obtenu.Il est recommandé de mettre
JS代码或引入的JS文件放在页面底部，<BODY>devant.Semblable à la réponse au premier étage, la première façon d'écrire, si elle est placée avant la balise .table et exécutée avant le chargement du dom, le sélecteur $ risque de ne pas pouvoir trouver le dom et la couleur ne peut pas être modifié.
Quant au second, il est recommandé de vérifier la description du document jquery. Je ne peux pas ouvrir le site officiel de jquery ici, je peux donc le lire depuis un autre endroit
http://www.css88.com/jqapi-1. ....
1. Votre première méthode d'écriture consiste à l'exécuter lorsque la balise du document n'a pas été chargée. En d'autres termes, si votre code HTML n'a pas été chargé, vous ajoutez un style à .table tr:odd. Le script js ne saura pas de quel objet il s'agit, il ne sera donc pas défini. L'élément n'a pas fini de se charger. Cependant, il n'y a pas d'erreur de syntaxe dans la fonction, donc l'alerte 0
2.$(function(){}) sera toujours exécutée, c'est-à-dire qu'elle attendra que le code HTML soit chargé avant d'exécuter la méthode à l'intérieur. le temps, le code HTML a été chargé et le js sera capturé. Quel élément est cet objet afin qu'il puisse être stylisé.
Référence spécifique : http://www.w3school.com.cn/h.asp
Cette question se termine
La première façon d'écrire :
tableColor();//Execute alert(0), "0" apparaît, mais le dom n'est pas sélectionné et le code est exécuté ligne par ligne
La deuxième façon d'écrire : exécuter après le chargement du document
$(function() {
})
Conclusion, l'introduction de js est placée en bas du document. En plus des fonctions personnalisées, les js internes en html sont écrits en $(function() {}) pour garantir que le code js est exécuté une fois le document terminé. exécuté