Perbezaan antara juery jQuery dan js asli

Kami mempelajari beberapa asas js sebelum ini. Mari kita lihat pada jquery berikut

objek jquery dan objek DOM

objek jQuery dan objek DOM adalah berbeza. Mari jelaskan perbezaan antara kedua-dua

Pertama, gunakan kod asli js adalah seperti berikut:

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

Dalam kod di atas, elemen DOM yang diperoleh melalui kaedah document.getElementById("dv") yang disediakan oleh model DOM asli ialah objek DOM, dan kemudian teks diproses melalui innerHTML.

Mari kita lihat kod jquery di bawah

$(function(){

var div = $('#dv');

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

});

Menggunakan kaedah $('#dv'), anda akan mendapat objek jQuery $p, di mana $p ialah objek seperti tatasusunan. Objek ini mengandungi maklumat objek DOM, dan kemudian merangkum banyak kaedah operasi Ia memanggil kaedahnya sendiri html dan css, dan kesan yang diperoleh adalah konsisten dengan hasil pemprosesan JavaScript standard.

Perbandingan pengendalian DOM melalui JavaScript standard dan pengendalian DOM melalui jQuyer

1. Objek yang dibungkus oleh kaedah jQuery ialah objek seperti tatasusunan. Ia sama sekali berbeza daripada objek DOM Satu-satunya persamaan ialah kedua-duanya boleh mengendalikan DOM.

2. Memproses operasi DOM melalui jQuery membolehkan pembangun menumpukan lebih pada pembangunan logik perniagaan, tanpa perlu kami mengetahui secara khusus nod DOM yang mempunyai kaedah tersebut, dan kami juga tidak perlu mengambil berat tentang isu keserasian daripada penyemak imbas yang berbeza , kami membangunkan melalui API yang disediakan oleh jQuery, dan kod itu akan lebih diperkemas.


Meneruskan pembelajaran
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus