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

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

WBOY
Lepaskan: 2016-05-16 15:46:10
asal
1193 orang telah melayarinya

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> 

Salin selepas log masuk

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> 

Salin selepas log masuk
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> 
Salin selepas log masuk
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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan