สิ่งจำเป็นก่อนการทำงานของโปรแกรม

25 September 2008
สิ่งจำเป็นสำหรับการทำงานของ 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(){
  // เริ่มต้นโค้ดของคุณในส่วนนี้
});







บทความในหมวดที่่น่าสนใจ อื่นๆ jQuery Learning

22 Dec 10 เพิ่มลูกเล่น การแสดงข้อมูล เลื่อนสลับบน ล่าง คล้าย twitter ด้วย jQuery อ่าน 3351 25 Sep 08 การกำหนด selectors ด้วย jQuery แบบลำดับขั้น ตอนที่ 2 อ่าน 3229 10 Sep 10 การแสดง ข้อมูลใน infowindows ของ google map ด้วย ajax ใน jQuery อ่าน 3205 26 Mar 09 กำหนดข้อความเริ่มต้นให้กับ input text ด้วย jquery อย่างง่าย อ่าน 3200 28 Oct 10 เริ่มต้นใช้งาน jquery ui autocomplete อย่างง่าย อ่าน 3194 24 Sep 10 ประยุกต์ facebox ของ jQuery แทนการใช้ mootools facebox มาใช้งาน อ่าน 3191 04 Nov 10 การสร้าง json ไฟล์ จากฐานข้อมูล ด้วย php และการใช้งานด้วย jQuery getJSON() อ่าน 3164 26 Feb 09 สร้างคลิกขวาเมนูในเว็บด้วย CSS + jQuery อย่างง่ายดาย อ่าน 3147 18 Mar 09 เพิ่มลดขนาดตัวอักษรในหน้าเว็บแบบง่ายด้วย jQuery อ่าน 3108 18 Jun 10 การใช้งาน live และ die ใน jQuery 1.4 อ่าน 3035 20 Mar 10 ใช้ jQuery สร้าง การเลื่อนโฟกัส ของ textbox ด้วยลูกศร บนแป้นพิมพ์ คีบอร์ด keyboard อ่าน 2975 11 Feb 11 แนะนำ การใช้งาน jQuery quicksearch plugin อ่าน 2945 19 Sep 10 DirectionsService DirectionsRenderer ค้นหา และสร้าง เส้นทางใน google map อ่าน 2907 07 Dec 09 การเลื่อน scrollbar อัตโนมัติตาม การเลื่อนขึ้นลง ของ mouse ด้วย jQuery อ่าน 2906 17 Sep 10 กำหนด infowindow ให้กับตัว marker จำนวนมาก ใน google map อ่าน 2898

บทความคนเข้าอ่านวันนี้

07 Jul 10 เทคนิค php ดึงข้อมูล comment จาก facebook มาใช้งาน อ่าน 5272 13 Oct 08 คำสั่ง SQL BETWEEN อ่าน 8901 18 Dec 09 สร้างไฟล์ word จาก html ด้วย php class ได้อย่างง่าย อ่าน 1936 09 Nov 11 แนวทางการสร้างเมนูหลายภาษา อย่างง่ายด้วย php และ javascript อ่าน 924 06 Sep 10 ประยุกต์ การ invite friends ใน facebook มาใช้งาน อ่าน 3196 28 Oct 10 เริ่มต้นใช้งาน jquery ui autocomplete อย่างง่าย อ่าน 3194 18 Oct 08 สร้างเมนูแนวนอน ด้วย CSS ไม่ต้องใช้ตารางอย่างง่าย อ่าน 4126 09 Jul 10 เพิ่มความเร็ว ให้กับการ cache ด้วย jquery ajax และ php cache class อ่าน 2265 26 Sep 10 การแสดงข้อมูล แนะนำ เส้นทาง ใน google map อ่าน 2617 30 Dec 08 การใช้งาน ajax ใน jQuery อย่างง่าย อ่าน 4480 22 Mar 09 สร้างฟังก์ชันโชว์รูปภาพขนาดใหญ่ด้วย javascript แบบง่าย อ่าน 4777 17 Oct 08 แสดงตัวอย่างรูป ก่อน upload image preview berfore upload อ่าน 8947 05 Oct 10 สร้าง login logout และกำหนด permission ของ facebook ด้วย php sdk อ่าน 5559 25 Sep 08 ดึงข้อมูลจากฐานข้อมูลใส่ List Box อ่าน 5505 25 Sep 08 แสดงตัวอักษร เหมือนกับกำลังพิมพ์ คล้าย www.manager.co.th อ่าน 3031 21 Aug 10 เริ่มใช้ และ ประยุกต์ CKEditor ให้ใช้งานง่าย เต็มความสามารถ อ่าน 3476 29 Oct 08 สร้างปุ่มแบ่งหน้าให้ดูดีด้วย css อย่างง่าย อ่าน 6282 25 Sep 08 รวมส่วนประกอบต่างข้างบนเป็น CSS อ่าน 3603 10 Sep 10 การแสดง ข้อมูลใน infowindows ของ google map ด้วย ajax ใน jQuery อ่าน 3205 19 Nov 09 สร้าง scrollbar แนวตั้ง จากรูปภาพ ด้วยเทคนิค css sprite image และ jQuery อ่าน 3661
จำนวนผู้เยี่ยมชม 777850
คน 2012 © Copyright ninenik.com. All rights reserved.