Penjelasan terperinci tentang $(function() {});-tutorial js-php.cn

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

WBOY

Lepaskan： 2016-05-16 15:46:10

asal

1127 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