jQuery HTML: Contoh dan Cara Menggunakannya

jQuery dibuat pada tahun 2006 melalui John Resig. Ini dirancang untuk kelola Ketidaksesuaian Browser dan untuk menyederhanakan Manipulasi DOM HTML, Event Handler, Animasi, dan AJAX.

Selama lebih berasal dari 10 tahun, jQuery telah jadilah pustaka JavaScript sebagian besar dari terkenal di bola dunia.
Namun, setelah JavaScript Versi 5 (2009), kebanyakan substansial kekuatan jQuery dapat diselesaikan bersama banyak garis JavaScript persyaratan:

Mengatur Konten Teks

Mengatur pesan teks inside berasal dari komponen HTML:

JQuery

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<physique>

<h1>Mengatur Konten Teks</h1>

<h2 id="01">Hello World!</h2>
<h2 id="02">Hello Sweden!</h2>

<script>
$(doc).prepared(perform() {
  var myElement = $("#01");
  myElement.textual content("Hello Sweden!");
});
</script>

</physique>
</html>

JavaScript

<!DOCTYPE html>
<html>
<physique>

<h1>Mengatur Konten Teks</h1>

<h2 id="01">Hello World!</h2>
<h2 id="02">Hello Sweden!</h2>

<script>
var myElement = doc.getElementById("01");
myElement.textContent = "Hello Sweden!";
</script>

</physique>
</html>

Mendapatkan Konten Teks

Dapatkan pesan teks inside berasal dari komponen HTML:

JQuery

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<physique>

<h1>Mendapatkan Konten Teks</h1>

<h2 id="01">Hello World!</h2>
<h2 id="02">Hello Sweden!</h2>
<h2 id="03">Hello Japan!</h2>

<p id="demo"></p>

<script>
$(doc).prepared(perform() {
  var myElement = $("#02");
  var myText = myElement.textual content();
  $("#demo").textual content(myText); 
});
</script>

</physique>
</html>

JavaScript

<!DOCTYPE html>
<html>
<physique>

<h1>Mendapatkan Konten Teks</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 myElement = doc.getElementById("02");
var myText = myElement.textContent || myElement.innerText;
doc.getElementById("demo").innerHTML = myText; 
</script>

</physique>
</html>

Mengatur Konten HTML

Mengatur informasi HTML berasal dari sebuah komponen:

JQuery

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<physique>

<h1>Setting HTML</h1>

<div id="01">
  <h2 >Hello World!</h2>
</div>
<div id="02">
  <h2 >Hello Sweden!</h2>
</div>

<p id="demo"></p>

<script>
$(doc).prepared(perform() {
  var myElement = $("#02");
  myElement.html("<p>Hello World!</p>");
});
</script>

</physique>
</html>

JavaScript

<!DOCTYPE html>
<html>
<physique>

<h1>Setting HTML</h1>

<div id="01">
  <h2 >Hello World!</h2>
</div>
<div id="02">
  <h2 >Hello Sweden!</h2>
</div>

<p id="demo"></p>

<script>
var myElement = doc.getElementById("02");
myElement.innerHTML = "<p>Hello World!</p>";
</script>

</physique>
</html>

Mendapatkan Konten HTML

Dapatkan informasi HTML berasal dari sebuah komponen:

JQuery

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<physique>

<h1>Setting HTML</h1>

<div id="01">
  <h2 >Hello World!</h2>
</div>
<div id="02">
  <h2 >Hello Sweden!</h2>
</div>

<script>
$(doc).prepared(perform() {
  var content material = $("#02").html();
  $("#01").html(content material);
});
</script>

</physique>
</html>

JavaScript

<!DOCTYPE html>
<html>
<physique>

<h1>Setting HTML</h1>

<div id="01">
  <h2 >Hello World!</h2>
</div>
<div id="02">
  <h2 >Hello Sweden!</h2>
</div>

<script>
var content material = doc.getElementById("02").innerHTML;
doc.getElementById("01").innerHTML = content material;
</script>

</physique>
</html>

Anda ringan menonton: jQuery HTML: Contoh dan Cara Menggunakannya

Lihat lebih banyak:  4 Cara Menambah VGA Laptop dengan Software

Sumber: https://taylorswift10years.com

Kategori: Teknologi

Leave a Reply

Your email address will not be published.