sintaks jQuery

Sintaks jQuery

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

Sintaks asas: $(selector).action()

Definisi tanda dolar jQuery

elektor "pertanyaan" dan "cari" elemen HTML

jQuery's action() menjalankan operasi pada elemen

Contoh:

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

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

$("p.test").hide() - Sembunyikan semua kelas <p> dengan ="test"

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

Acara sedia dokumen

Anda mungkin perasan bahawa semua fungsi jQuery dalam contoh kami 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 unsur yang tidak wujud

Mendapatkan saiz imej yang tidak dimuatkan sepenuhnya

Petua: penulisan ringkas (kesan yang sama seperti di atas) Sama):

$(function(){

// Mula menulis kod jQuery...

});

Dengan dua kaedah di atas, anda boleh memilih cara yang anda suka untuk melaksanakan kaedah jQuery selepas dokumen sedia.


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").empty(); }); }); </script> </head> <body> <div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:green;"> <p>这是一段内容</p> <p>这还是一段内容</p> </div> <br> <button>清空框里内容</button> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus