Rumah > Artikel > hujung hadapan web > Penjelasan terperinci tentang $(function() {});

Penjelasan terperinci tentang $(function() {});

WBOYasal: 2016-05-16 15:46:101140semak imbas

Kod dalam $(document).ready() dilaksanakan selepas kandungan halaman dimuatkan Jika kod ditulis terus ke dalam teg skrip, kod di dalam teg skrip akan dilaksanakan apabila halaman dimuatkan kali ini, jika kod yang dilaksanakan dalam teg anda memanggil kod atau DOM yang belum dimuatkan, ralat akan dilaporkan, jika anda meletakkan teg skrip di hujung halaman, tidak akan ada masalah kesannya sama seperti sedia.

$(document).ready(function(){}) boleh disingkatkan sebagai $(function(){});

Selepas mengklik pada perenggan, perenggan ini disembunyikan:

<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("p").click(function(){
  $(this).hide();
 });
});
</script>
</head>

<body>
 <p>If you click on me, I will disappear.</p>
</body>
</html>

Jika $(document).ready(function() {});

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $("p").click(function(){
  $(this).hide();
 });
</script>
</head>

<body>
 <p>If you click on me, I will disappear.</p>
</body>
</html>

Tetapi jika anda meletakkan skrip di hujung halaman, kesan tersembunyi boleh dipulihkan:

<html>
<head>
</head>

<body>
 <p>If you click on me, I will disappear.</p>
</body>

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
 $("p").click(function(){
   $(this).hide();
 });
</script>
</html>

Ringkasan:

Kod dalam $(document).ready dilaksanakan selepas kandungan halaman dimuatkan Anda menulisnya terus ke dalam tag skrip Apabila halaman dimuatkan, tag skrip akan melaksanakan kod tersebut kod panggilan kod atau DOM yang belum dimuatkan lagi, ralat akan dilaporkan,

Sudah tentu, jika anda meletakkan tag skrip di hujung halaman, maka tidak akan ada masalah dan kesannya akan serupa dengan siap

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：jquery melaksanakan kesan menggesa teks untuk meluncur ke atas apabila memasukkan form_jqueryArtikel seterusnya：jquery melaksanakan kesan menggesa teks untuk meluncur ke atas apabila memasukkan form_jquery

Artikel berkaitan

Lihat lagi