Exemple d'analyse de la relation entre les connaissances JS, DOM et JQuery

DOM (document object model) est en fait un terme général désignant les objets éléments dans le navigateur

Toutes les opérations que nous utilisons JavaScript pour effectuer sur les pages Web sont effectuées via DOM. Le DOM appartient au navigateur et ne constitue pas le contenu principal spécifié dans la spécification du langage JavaScript. Par conséquent, si vous téléchargez un document d'aide de référence sur le langage JavaScript et que vous le vérifiez, vous ne pourrez même pas trouver la méthode document.write qui convient. connu des femmes et des enfants.

Le Document Object Model (DOM) est une interface de programmation pour les documents HTML et XML. Il fournit une représentation structurée du document et peut modifier le contenu et la présentation du document. Ce qui nous préoccupe le plus, c'est que le DOM connecte les pages Web avec des scripts et d'autres langages de programmation. Les développeurs de scripts peuvent contrôler, manipuler et créer des éléments de page Web dynamiques via les propriétés, méthodes et événements de l'objet document. Chaque élément d'une page Web (une balise HTML) correspond à un objet (objet, le soi-disant « objet » signifie « chose » en langue vernaculaire. Le mot objet est généralement traduit par « objet » à Taiwan). Les balises de la page Web sont imbriquées couche par couche et la couche la plus externe est . Le modèle objet du document est également imbriqué couche par couche, mais il est généralement compris comme la forme d'une arborescence. La racine de l'arborescence est l'objet fenêtre ou document, qui équivaut à la périphérie de l'étiquette la plus externe, c'est-à-dire l'intégralité du document.

Un petit exemple :

Copier le code Le code est le suivant :

< ;script type="text/javascript">
var x = document.getElementById("test");
var xc = x.childNodes; >for (var i=0;idocument.write("nodeName = " xc[i].nodeName "; nodeType = " xc[i].nodeType "
") ;}

Javascript peut fonctionner sur le DOM. Par exemple : une est un objet DOM, et javascript peut ajouter, supprimer et autres opérations dessus.
Beaucoup de gens voient le mot "Java" en Java et JavaScript et pensent que c'est la même chose. Même moi, j'étais comme ça au début. En fait, ce sont deux choses complètement différentes. Java, dont le nom complet devrait être Java Applet, est un petit programme intégré dans une page Web et possède sa propre fenêtre d'exécution indépendante. Les applets Java sont précompilées. Si vous ouvrez un fichier d'applet (.class) avec le Bloc-notes et que vous le lisez, vous ne pouvez pas le comprendre du tout. Java Applet est très puissant. Il peut accéder aux protocoles HTTP, FTP et autres, et peut même implanter des virus sur l'ordinateur (il existe un précédent). En comparaison, les capacités de JavaScript sont relativement réduites. JavaScript est une sorte de « script » (« Script »). Il écrit des codes directement dans des documents HTML, les compile et les exécute lorsque le navigateur les lit. Par conséquent, si vous pouvez afficher le fichier source HTML, vous pouvez afficher la source JavaScript. code. JavaScript n'a pas de fenêtre d'exécution indépendante. La fenêtre actuelle du navigateur est sa fenêtre d'exécution. La seule similitude entre eux, je pense, est qu’ils utilisent Java comme langage de programmation. JavaScript est un langage de script côté client, axé sur les objets et les événements et relativement sécurisé. Il s'agit également d'un langage de script largement utilisé dans le développement Web côté client. Il est souvent utilisé pour ajouter des fonctions dynamiques aux pages Web HTML, telles que la réponse à diverses opérations utilisateur.

Un petit exemple :

Copier le code Le code est le suivant :

var maVariable="extérieur";

fonction maFonction(){
var maVariable="à l'intérieur"
alerte(maVariable);
maFonction(); maVariable) ;

Jquery est ce qu'on appelle le framework JavaScript, qui est en fait une collection et un packaging de fonctions JavaScript.

Jquery est un autre excellent framework Javascript après prototype. Il s'agit d'une bibliothèque js légère (seulement 21 Ko après compression). Elle est compatible avec CSS3 et divers navigateurs (IE 6.0, FF1.5, Safari 2.0, Opera 9.0). jQuery permet aux utilisateurs de traiter plus facilement les documents et événements HTML, d'implémenter des effets d'animation et de fournir facilement une interaction AJAX pour les sites Web. Un autre gros avantage de jQuery est que sa documentation est très complète et que ses différentes applications sont expliquées en détail. Il existe également de nombreux plug-ins matures parmi lesquels choisir. jQuery peut séparer le code et le contenu HTML de la page HTML de l'utilisateur. En d'autres termes, il n'est pas nécessaire d'insérer un tas de js dans le HTML pour appeler la commande. Il vous suffit de définir l'identifiant.

jQuery est actuellement la bibliothèque de fonctions javascript la plus utilisée. Selon les statistiques, 46 % du million de sites Web les plus importants au monde utilisent jQuery, bien plus que les autres bibliothèques. Microsoft utilise même jQuery comme bibliothèque officielle. Pour les développeurs web, l’apprentissage de jQuery est nécessaire. Parce qu'il vous permet de comprendre les techniques les plus courantes de l'industrie, jette les bases de l'apprentissage de bibliothèques plus avancées à l'avenir et peut en effet créer facilement de nombreux effets complexes.

Un petit exemple :

Copier le code Le code est le suivant :

< ;script type="text/javascript" src="jquery.js">

Derniers articles par auteur