La différence e...LOGIN

La différence entre jQuery juery et js natif

Nous avons appris quelques bases de js plus tôt. Jetons un coup d'œil à l'objet jquery suivant

l'objet jquery et l'objet DOM

l'objet jQuery et l'objet DOM sont différents. Expliquons la différence entre les deux

Tout d'abord, utilisez le code natif js est le suivant :

var div = document.getElementById('dv');
div.innerHTML ="php Chinese website";

Dans le code ci-dessus, l'élément DOM obtenu via la méthode document.getElementById("dv") fournie par le modèle DOM natif est un objet DOM, puis le texte est traité via innerHTML.

Regardons le code jquery ci-dessous

$(function(){

var div = $('#dv');

div. html ("php中文网");

});

En utilisant la méthode $('#dv'), vous obtiendrez un objet jQuery de $p, où $p est un objet de type tableau. Cet objet contient les informations de l'objet DOM, puis encapsule de nombreuses méthodes de fonctionnement. Il appelle ses propres méthodes html et css, et l'effet obtenu est cohérent avec le résultat du traitement JavaScript standard.

Comparaison du fonctionnement du DOM via JavaScript standard et du fonctionnement du DOM via jQuyer

1 L'objet empaqueté par la méthode jQuery est un objet de type tableau. C'est complètement différent de l'objet DOM. La seule similitude est qu'ils peuvent tous deux faire fonctionner le DOM.

2. Le traitement des opérations DOM via jQuery permet aux développeurs de se concentrer davantage sur le développement de la logique métier, sans que nous ayons besoin de savoir spécifiquement quels nœuds DOM ont ces méthodes, ni de nous soucier des problèmes de compatibilité. de différents navigateurs, nous développons via l'API fournie par jQuery, et le code sera plus rationalisé.


section suivante
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jquery</title> <style type="text/css"> #dv{ width:150px; height:150px; border:1px solid red; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> // window.onload=function(){ // var div = document.getElementById('dv'); // div.innerHTML="php 中文网"; // } $(function(){ var div = $('#dv'); div.html("php中文网"); }); </script> </head> <body> <div id="dv"></div> </body> </html>
soumettreRéinitialiser le code
chapitredidacticiel