Explication graphique détaillée de la différence entre JavaScript et jQuery-js tutoriel-php.cn

Explication graphique détaillée de la différence entre JavaScript et jQuery

yulia

Libérer： 2018-10-30 17:13:34

original

3696 Les gens l'ont consulté

JavaScript est un élément indispensable du développement front-end. JQuery est également largement utilisé car il est facile et rapide à utiliser. Les deux peuvent obtenir l'effet de la page. Connaissez-vous la différence entre JavaScript et jQuery ? Cet article vous expliquera la différence entre JavaScript et jQuery. Les amis intéressés peuvent s'y référer.

1. Différences essentielles

JavaScript est un langage de script interprété. Ce langage peut être utilisé pour le HTML et le Web, et peut être largement utilisé sur les serveurs et les PC. ordinateurs portables, tablettes et smartphones.

JQuery est une bibliothèque de fonctions de JavaScript, qui peut également être considérée comme un framework de JavaScript.

Le code JavaScript est écrit directement dans la balise

Le code jQuery est également écrit dans le type , mais la bibliothèque jQuery doit être introduite avant le code HTML. Comme le montre la figure ci-dessous :

Explication graphique détaillée de la différence entre JavaScript et jQuery

2. Différences grammaticales

JavaScript et jQuery exploitent les nœuds d'éléments, les nœuds d'attribut et le texte. Les nœuds, les événements de clic, etc. sont tous différents. Prenons le fonctionnement des nœuds d'éléments comme exemple pour voir en quoi ils sont différents.

Exemple 1 : Obtenez des éléments de balise en fonction du nom de l'ID

Description :

Créez deux balises p dans la page et donnez-leur un nom de classe et nom d'identification. Il est pratique de l'obtenir ultérieurement avec JavaScript et jQuery.

Utilisez JavaScript et jQuery pour obtenir d'abord l'élément avec l'ID. Le code spécifique est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p class="pp" id="first">1</p>
<p class="pp">2</p>
</body>
<script type="text/javascript">
var first = $("#first");
var first = document.getElementById("first");
</script>
</html>

Copier après la connexion

Exemple 2 : Obtenez l'élément tag en fonction de la classe.

var pp = $(".pp");//返回的是一个jQuery对象，通过pp[i]能取到具体元素
var pp = document.getElementsByClassName("pp");//返回的是元素列表，通过pp[i]能取到具体元素

Copier après la connexion

Exemple 3 : Obtenir des éléments de balise en fonction du nom de la balise

var p = $("p");//返回的是一个jQuery对象，通过p[i]能取到具体元素
var p = document.getElementsByTagName("p");//返回的是元素列表，通过p[i]能取到具体元素

Copier après la connexion

Il existe de nombreuses différences de syntaxe entre JavaScript et jQuery, donc je ne ferai pas trop de démonstrations ici. , les amis qui ne sont pas clairs peuvent se référer à l'article sur les effets sur le site Web PHP chinois, ou visiter le Tutoriel vidéo JavaScript.

Résumé des différences entre JavaScript et jQuery :

1 Sans javascript, il n'y aurait pas de jquery. 🎜>2. jquery est une extension de javascript. Une sorte d'encapsulation, jQuery est plus concis que JavaScript
3. jquery est un script plus facile à utiliser avec javascript. Lors de l'écriture de scripts, la syntaxe javascript et jquery est fondamentalement compatible.

Ce qui précède présente la différence entre JavaScript et jQuery, j'espère que cela vous aidera !

Pour plus de didacticiels connexes, veuillez consulter le

Manuel de référence en chinois JavaScript

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!