สิ่งจำเป็นสำหรับการทำงานของ javascript ต้องทำการโหลดหน้าเว็บให้พร้อมทำงานก่อน
หรือเงื่อนไขคือ กำหนดให้โปรแกรมพร้อมทำงานเมื่อมีการโหลดหน้าเพจเรียบร้อยแล้ว
ด้วยโค้ดด้านล่าง
$(document).ready(function(){
// เริ่มต้นโค้ดของคุณในส่วนนี้
});
โค้ดที่พร้อมเขียน jquery เป็นดังนี้
<html>
<head>
<script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// เริ่มต้นโค้ดของคุณในส่วนนี้
});
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>
หรือสามารถเขียนในรูปแบบย่อ อีกแบบได้ด้วย
$(function(){
// เริ่มต้นโค้ดของคุณในส่วนนี้
});
หรือแบบนี้ก็ได้
jQuery(function($) {
// เริ่มต้นโค้ดของคุณในส่วนนี้
});
ซึ่งจะได้เป็น
<html>
<head>
<script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(function(){
// เริ่มต้นโค้ดของคุณในส่วนนี้
});
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>
หรือ
<html>
<head>
<script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
// เริ่มต้นโค้ดของคุณในส่วนนี้
});
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>
เลือกรูปแบบการเริ่มต้นการเขียนตามต้องการ ส่วนผมจะใช้
$(function(){
// เริ่มต้นโค้ดของคุณในส่วนนี้
});
อ่านต่อที่บทความ