Quelle est la différence entre jQuery JavaScript et ajax

Différence jQuery JavaScript ajax : 1. javaScript est largement utilisé comme langage de script pour le développement Web côté client et est souvent utilisé pour ajouter des fonctions dynamiques aux pages Web HTML 2. AJAX est une technologie de développement Web pour la création ; applications Web interactives ; 3. jQuery Fournit facilement une interaction AJAX pour les sites Web.

Différence ajax jQuery JavaScript :

1. L'abréviation de javaScript est JS, 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 (les programmes écrits par celui-ci peuvent être intégrés dans des pages HTML ou XML et interprétés directement dans le fichier HTML). navigateur) implémenter).

Composants :

Core (ECMAScript), modèle objet de document (DOM), modèle objet de navigateur (BOM)

Description :

Javascript est un nouveau langage de programmation né pour répondre aux besoins de production de pages Web dynamiques. Il est désormais de plus en plus utilisé dans la production de pages Web Internet.

• L'émergence de Javascript permet une relation en temps réel, dynamique et interactive entre les pages Web et les utilisateurs, permettant aux pages Web de contenir plus d'éléments actifs et un contenu plus passionnant.

• Javascript est court et concis, et est exécuté sur la machine client, ce qui améliore considérablement la vitesse de navigation et les capacités interactives des pages Web. En même temps, il s’agit d’un langage de programmation simple spécialement conçu pour créer des pages Web.
2. Ajax

AJAX est "JavaScript et XML asynchrones" (JavaScript et XML asynchrones ne sont pas une abréviation, mais un). abréviation. Terme inventé par Jesse James Gaiiett pour désigner une technologie de développement Web permettant de créer des applications Web interactives.

Composition :

Représentation basée sur les normes XHTML et CSS

• Utiliser le modèle objet de document pour l'affichage et l'interaction dynamiques ;

• Utilisez XML et XSLT pour l'interaction et la manipulation des données

• Utilisez XML HttpRequest pour la communication asynchrone avec le serveur ;
• Utilisez JavaScript pour tout lier.

• Description :

Ajax est une combinaison de la technologie Java, XML, JavaScript et d'autres technologies de programmation qui permet aux développeurs de créer du Web basé sur Java. technologie Appliquer et interrompre la gestion à l'aide des rechargements de pages.

• La technologie Ajax utilise des requêtes HTTP asynchrones pour transférer des données entre le navigateur et le serveur Web, de sorte que le navigateur ne mette à jour qu'une partie du contenu de la page Web sans recharger la page Web entière.

• Ajax est une méthode de développement d'applications Web qui utilise des scripts côté client pour échanger des données avec le serveur Web. De cette manière, la page Web peut être mise à jour dynamiquement sans interrompre le processus d'interaction ni le rééditer. Grâce à Ajax, les utilisateurs peuvent créer des interfaces utilisateur Web directes, hautement disponibles, plus riches et plus dynamiques, proches des applications de bureau natives

• 3.

  jQuery est une bibliothèque javaScript rapide et concise qui permet aux utilisateurs de traiter plus facilement des documents et des événements HTML, d'obtenir des effets d'animation et de fournir facilement une interaction AJAX pour les sites Web.

Caractéristiques :

jQuery est un framework JavaScript très populaire. Il utilise des sélecteurs similaires au CSS pour exploiter facilement les éléments HTML. Il a une bonne évolutivité et possède de nombreux plugins.

Description :

Pour les programmeurs, la simplification de la programmation javascript et ajax peut libérer les programmeurs de la conception et de l'écriture d'applications JS compliquées, et se concentrera sur les exigences fonctionnelles plutôt que sur la mise en œuvre. détails, augmentant ainsi la vitesse de développement du projet.

Pour les utilisateurs, il améliore l'effet visuel de la page, améliore l'interactivité avec la page et offre un contenu Web plus magnifique.

• Le framework javaScript est en fait une série d'outils et de fonctions.
2. La relation entre les trois

• Je vais utiliser une carte pour illustrer la relation entre les trois ci-dessous :

Explication :

JavaScript est un langage de script utilisé pour le développement de clients Web. Ajax est une nouvelle technologie basée sur le langage JS, qui combine principalement les technologies JS, CSS et XML. Elle est utilisée pour créer des applications Web interactives. Technologie de développement Web. jQuery est un framework JS. Il s'agit d'une bibliothèque JS développée sur la base du langage JS et de la technologie Ajax. Elle encapsule les fonctions de JS et d'Ajax et fournit des interfaces fonctionnelles, ce qui simplifie grandement les opérations d'Ajax et de JS.

jQuery est souvent utilisé dans les projets, parlons-en en détail.

jQuery peut grandement simplifier l'écriture de programmes JavaScript

Pour utiliser jQuery, vous devez d'abord ajouter une référence à la bibliothèque jQuery au début du code HTML, par exemple :

<script language="javascript" src="/js/jquery.min.js"></script>   //引用

Le fichier de la bibliothèque peut être placé localement, ou vous pouvez directement utiliser le CDN d'une entreprise bien connue (chargement CDN L'avantage de jquery) est que les CDN de ces grandes entreprises sont relativement populaires avant que les utilisateurs ne visitent votre site Web, ils l'ont probablement mis en cache dans le navigateur lorsqu'ils visitent d'autres sites Web, afin qu'il puisse accélérer. jusqu'à l'ouverture du site Internet. Un autre avantage est évident : économiser la bande passante du trafic du site Web.

Fourni par Google

http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js

jQuery officiel

http://code.jquery.com/jquery-1.6.min.js

La différence entre la méthode d'écriture spécifique du code jQuery et la méthode d'écriture Javascript native lors de l'exécution d'opérations courantes est la suivante :

1 Élément de positionnement

JS

document.getElementById("abc")

jQuery

$("# abc") Positionné par identifiant

$(".abc") Positionné par classe

$("div") Positionné par tag

Il devrait être a noté que JS renvoie le résultat est cet élément et le résultat renvoyé par jQuery est un objet JS. L'exemple suivant suppose que l'élément abc a été positionné.

2 Changer le contenu de l'élément

JS

abc.innerHTML = "test"; // Utile dans les projets en cours

jQuery

abc.html("test");

3 Afficher les éléments cachés

JS

abc.style .display = "none"; // Utile dans les projets en cours

abc.style.display = "block"

jQuery

abc.hide(); >

abc.show();

abc.toggle(); // Basculer entre l'affichage et le masquage,

4 Obtenez le focus

JS et jQuery sont identiques, les deux sont abc.focus();

5 Attribuez des valeurs au formulaire

JS

abc .value = "test";

jQuery

abc.val("test");

6 Récupère la valeur du formulaire

JS

alerte(abc.value);

jQuery

alerte(abc.val()); Éléments de configuration Non disponible

JS abc.disabled = true

jQuery

abc.attr("disabled", true);

8 Modifier le style de l'élément

JSabc.style.fontSize=size;

jQuery

abc.css('font-size', 20);

JS

abc.className="test";

JQuery

abc.removeClass () ;

abc.addClass("test");

9 Déterminer si la case à cocher est cochée

jQueryif( abc.attr("checked") == "checked")

Remarque : il est dit sur Internet que .attr("checked") == true ne peut pas réellement être utilisé, mais ce qui précède l'un a été testé et fonctionne

Recommandations d'apprentissage gratuites associées :

JavaScript

(vidéo)

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!