sintaks jQuery

Sintaks jQuery

Dengan jQuery, anda boleh memilih (pertanyaan, pertanyaan) elemen HTML dan melakukan "tindakan" padanya.

Sintaks jQuery

Sintaks jQuery ialah untuk memilih elemen HTML dan melaksanakan operasi tertentu pada elemen yang dipilih.

Sintaks asas: $(selector).action()

Tanda dolar mentakrifkan pemilih jQuery (pemilih) "pertanyaan" dan "cari" elemen HTML Tindakan jQuery() menjalankan operasi pada elemen Operasi

contoh:

$(this).hide() - Sembunyikan elemen semasa

$("p").hide() - Sembunyikan semua <p> Elemen

$("p.test").hide() - Hide all <p> element with class="test" Element

$("#test").hide( ) - Sembunyikan semua elemen dengan id="test"

Adakah anda biasa dengan pemilih CSS?
Sintaks yang digunakan oleh jQuery ialah gabungan sintaks pemilih XPath dan CSS. Dalam bab berikut dalam tutorial ini, anda akan mengetahui lebih lanjut tentang sintaks pemilih.

Acara sedia dokumen

Anda mungkin perasan bahawa dalam contoh kami semua fungsi jQuery berada di dalam fungsi sedia dokumen:

$(document).ready(function () {
// Mula menulis kod jQuery...
});

Ini adalah untuk mengelakkan kod jQuery daripada dijalankan sebelum dokumen dimuatkan sepenuhnya (sedia).

Jika anda menjalankan fungsi sebelum dokumen dimuatkan sepenuhnya, operasi mungkin gagal. Berikut ialah dua contoh khusus:

Cuba menyembunyikan elemen yang tidak wujud untuk mendapatkan saiz imej yang tidak dimuatkan sepenuhnya

Petua: Penulisan ringkas (kesan yang sama seperti di atas):

$(function(){
// Mula menulis kod jQuery...
});

Anda boleh memilih kaedah yang anda suka untuk melaksanakan jQuery selepas kaedah dokumen sedia.


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus