masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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



Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
tiada bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492456 permainan