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
<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:
{
var obj = document.getElementById ( "H01");
obj.innerHTML = "Hello jQuery";
}
onload = myFunction;
Setara jQuery berbeda:
jQuery cara:
{
$("#h01").html("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.
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
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Coba »
Silakan coba lagi contoh ini:
contoh
<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").html("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 .