1. Rumah
  2. tes JQuery JavaScript

Tutorial tes JQuery JavaScript Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari referensi jQuery,referensi jQuery,jQuery Deskripsi,Metode JavaScript:,jQuery cara:,pengujian jQuery,contoh,contoh,

tes JQuery JavaScript

Pengujian JavaScript framework library - jQuery

referensi jQuery

Untuk menguji perpustakaan JavaScript, Anda perlu referensi dalam halaman Web.

Untuk merujuk ke perpustakaan, gunakan tag <script>, yang atribut src diatur ke perpustakaan URL:

referensi jQuery

<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>

jQuery Deskripsi

Fungsi utama adalah jQuery $ () function (jQuery fungsi). Jika Anda melewati DOM objek ke fungsi yang mengembalikan objek jQuery dengan jQuery untuk menambah fungsionalitas.

jQuery CSS selector memungkinkan Anda untuk memilih elemen.

Dalam JavaScript, Anda dapat menetapkan fungsi untuk menangani acara beban jendela:

Metode JavaScript:

Fungsi myFunction ()
{
var obj = document.getElementById ( "H01");
obj.innerHTML = "Hello jQuery";
}
onload = myFunction;

Setara jQuery berbeda:

jQuery cara:

function myFunction()
{
    $("#h01")("Hello jQuery");
}
$(document).ready(myFunction);

Baris terakhir dari kode di atas, HTML DOM objek dokumen diteruskan ke jQuery: $ (document).

Ketika Anda melewati objek DOM untuk jQuery, jQuery akan kembali ke objek jQuery HTML DOM benda dibungkus.

fungsi jQuery mengembalikan sebuah objek jQuery baru, dimana siap () adalah metode.

Karena fungsi adalah variabel dalam JavaScript, sehingga Anda dapat menempatkan myFunction lulus sebagai argumen untuk metode siap jQuery.

lampu jQuery kembali objek jQuery, objek DOM telah berlalu berbeda.
JQuery properti obyek dan metode memiliki, dengan objek DOM yang berbeda.
Anda tidak dapat menggunakan properti HTML DOM dan metode pada objek jQuery.

pengujian jQuery

Coba contoh berikut:

contoh

<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
    $("#h01")("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>

Coba »

Silakan coba lagi contoh ini:

contoh

<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
    $("#h01").attr("style","color:red")("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>

Coba »

Seperti yang Anda lihat dalam contoh di atas, jQuery memungkinkan link (rantai sintaks).

Link (Chaining) adalah metode melakukan beberapa tugas pada metode subjek yang sama nyaman.

Anda perlu mempelajari lebih lanjut? Tutorial ini memberi Anda yang besar jQuery tutorial .

Tutorial Panas

Hubungi kami

tes JQuery JavaScript
10/30