Pengenalan kepa...LOG MASUK

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中文网(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>如果你点我,我就会消失。</p>
<p>继续点我!</p>
<p>接着点我!</p>
</body>
</html>

Jalankan program dan cuba



bahagian seterusnya
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(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>如果你点我,我就会消失。</p> <p>继续点我!</p> <p>接着点我!</p> </body> </html>
babperisian kursus