Belajar jQuery‎ > ‎

03. Function pada Argumen $(document).ready()

posted Nov 12, 2011 10:18 PM by Editor KursusInternet   [ updated Dec 31, 2011 8:20 AM ]

Penggunaan Anonymous Function

Jika kita perhatikan pada contoh awal kode kita ada konstruksi yang agak aneh buat para pemula javascript, yaitu penggunaan anonymous function - atau function yang tidak memiliki definisi nama - sebagai argumen pada fungsi $(document).ready().

Penggunaan Anonymous Function

<html> <head>     <title>Halo Internet - jQuery</title>     <script src="jquery-1.7.min.js"></script>     <script type="text/javascript">         $(document).ready(             function() {                     $("#link_satu").click(function() {                     $("#link_satu").html("Halo Internet !");
                });             }         );     </script>   </head> <body>     <a id="link_satu" href="#">Click Saya !</a> </body> </html>

Penggunaan Defined Function

Apakah selain anonymous, function yang sudah didefinisikan nama tertentu bisa dikirimkan sebagai argumen ? Tentu saja bisa, namun pengiriman function tersebut tidak menyertakan pasangan kurung () yang biasa digunakan untuk memanggil function.

Untuk lebih jelasnya, lihat contoh berikut ini yang merupakan modifikasi dari code di atas.

Penggunaan Defined Function

<html> <head> <title>Halo Internet - jQuery</title> <script src="jquery-1.7.min.js"></script> <script type="text/javascript">         function halointernet() {             $("a").click(function() {                 $("a").html("Halo Internet !");             })         };         $(document).ready(halointernet); </script> </head> <body> <a id="link_satu" href="#">Click Saya !</a> </body> </html>

~~ Selesai ~~