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

25 September 2008 เขียนเมื่อ 13 ปีก่อน โดย Ninenik Narkdee

jquery เริ่มต้น

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ jquery เริ่มต้น

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

กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ

อ่านต่อที่บทความ

25 Sep
2008

การกำหนด Selectors ด้วย jquery แบบ Basic อ่าน 11,168
jquery function จะอ้างอิง object ด้วยคำสั่ง $("...") Selectors ของ jquery

Tags:: เริ่มต้น jquery

URL สำหรับอ้างอิง

เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ