Rumah  >  Artikel  >  hujung hadapan web  >  Apakah perbezaan antara menulis dan tidak menulis $(function() {});

Apakah perbezaan antara menulis dan tidak menulis $(function() {});

WBOY
WBOYasal
2016-05-16 15:46:091173semak imbas

$(function() {....}) dalam JavaScript ialah penggunaan klasik dalam jQuery, yang bersamaan dengan $(document).ready(function() {.. .. }), bermaksud fungsi dilaksanakan hanya selepas halaman dimuatkan Jika DOM ingin dimanipulasi dalam fungsi, ia akan menjadi lebih selamat untuk melaksanakannya selepas halaman dimuatkan, jadi kaedah penulisan ini adalah. sangat biasa apabila menggunakan jQuery.

$(document).ready() Kod dalam dilaksanakan selepas kandungan halaman dimuatkan Jika kod ditulis terus ke dalam teg skrip, teg skrip akan dilaksanakan apabila halaman itu dimuatkan. Kod di dalam dilaksanakan Pada masa ini, jika kod yang dilaksanakan dalam teg anda memanggil kod atau dom yang belum dimuatkan, sudah tentu, jika anda meletakkan teg skrip di penghujung halaman, maka 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() {}); perenggan tidak boleh disembunyikan:

<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> 

Apakah fungsi dan kegunaan (function(){})() dalam javascript

Ia tiada kaitan dengan orang itu
(function(){})() mewakili pelaksanaan segera kaedah tanpa nama
Biasanya digunakan untuk mengasingkan diri daripada dunia luar, mencipta persekitaran seperti penutupan, mencipta rantaian skop dan mengelakkan konflik berubah

(function(){
 var a;
..........
})()

Artikel ini terutamanya memperkenalkan perbezaan antara menulis dan tidak menulis $(function() {}); Saya harap ia akan membantu semua orang.

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