Pengenalan kepada jQuery
Apakah itu jQuery?
jQuery = JavaScript + jQuery
jQuery ialah perpustakaan JavaScript. Ia memperoleh satu set kaedah yang ditentukan dengan merangkum fungsi JavaScript asli
jQuery sangat memudahkan pengaturcaraan JavaScript. Lihat contoh di bawah
Andaikan terdapat dua elemen berikut dalam halaman
<input type="text" id="txt" /> <button type="button" onclick="get_text();">Go</button>
Selepas mengklik butang Pergi, kandungan yang dimasukkan oleh pengguna dalam kotak teks akan muncul Menggunakan kod JavaScript asal, anda boleh menulisnya seperti ini
alert(document.getElementById('txt').value);Apabila menggunakan jQuery, anda hanya boleh menulisnya sebagai
alert($('#txt').val());Anda boleh melihat bahawa kami menggunakan document.getElementById untuk mendapatkan elemen dengan yang ditentukan id, dan menggunakan jQuery, kita hanya perlu menggunakan $('# ') boleh mencapai semua ini
Tujuan utama jQuery adalah untuk mencapai lebih banyak fungsi dengan kurang kod
Pustaka jQuery termasuk fungsi berikut:
Pemilihan elemen HTML
operasi elemen HTML
Operasi CSS
-
Fungsi acara HTML
Kesan khas dan animasi JavaScript
HTML DOM traversal dan pengubahsuaian
AJAX
Petua: Selain itu, Jquery juga menyediakan sejumlah besar pemalam.
Syarat untuk mempelajari jQuery
HTML (termasuk css, asas yang diperlukan untuk web muka surat Pengetahuan)
JavaScript (walaupun jQuery lebih mudah daripada JavaScript, pelbagai sintaks jQuery datang daripada JavaScript)
PHP (jQuery Ia adalah teknologi hadapan yang sangat melengkapi dan menggemakan bahagian belakang)
Adakah jQuery boleh digunakan untuk semua penyemak imbas?
Komuniti jQuery tahu bahawa JS mempunyai banyak isu keserasian dalam penyemak imbas yang berbeza Pada masa ini, jQuery serasi dengan semua penyemak imbas utama, termasuk Internet Explorer 6! >
Mari kita lihat contoh jQuery dahulu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>如果你點(diǎn)我，我就會消失。</p>
<p>繼續(xù)點(diǎn)我!</p>
<p>接著點(diǎn)我!</p>
</body>
</html>Jalankan program dan cuba
