jQuery vs JavaScript
jQuery dibuat pada tahun 2006 oleh John Resig. Ini dirancang untuk menangani Ketidaksesuaian Browser dan untuk menyederhanakan Manipulasi DOM HTML, Penanganan Acara, Animasi, dan Ajax.
Selama lebih dari 10 tahun, jQuery telah menjadi pustaka JavaScript paling populer di dunia.
Namun, setelah JavaScript Versi 5 (2009), sebagian besar utilitas jQuery dapat diselesaikan dengan beberapa baris JavaScript standar:
Menghapus Elemen
Hapus elemen HTML:
jQuery
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <h2>Hapus elemen HTML:</h2> <h2 id="id01">Hello World!</h2> <h2 id="id02">Hello Sweden!</h2> <script> $(document).ready(function() { $("#id02").remove(); }); </script> </body> </html>
JavaScript
<!DOCTYPE html> <html> <body> <h2>Hapus elemen HTML:</h2> <h2 id="id01">Hello World!</h2> <h2 id="id02">Hello Sweden!</h2> <script> var element = document.getElementById("id01"); element.parentNode.removeChild(element); </script> </body> </html>
Dapatkan Elemen Induk
Mengembalikan induk dari elemen HTML:
jQuery
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<h1>Dapatkan Elemen Induk</h1>
<h2 id="01">Hello World!</h2>
<h2 id="02">Hello Sweden!</h2>
<h2 id="03">Hello Japan!</h2>
<p id="demo"></p>
<script>
$(document).ready(function() {
var myParent = $("#02").parent();
$("#demo").text(myParent.prop("nodeName"));
});
</script>
</body>
</html>
JavaScript
<!DOCTYPE html>
<html>
<body>
<h1>Dapatkan Elemen Induk</h1>
<h2 id="01">Hello World!</h2>
<h2 id="02">Hello Sweden!</h2>
<h2 id="03">Hello Japan!</h2>
<p id="demo"></p>
<script>
var myParent = document.getElementById("02").parentNode;
document.getElementById("demo").innerHTML = myParent.nodeName;
</script>
</body>
</html>
