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

WBOY
Lepaskan: 2016-05-16 15:46:09
asal
1181 orang telah melayarinya

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

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

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;
..........
})()
Salin selepas log masuk

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

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