การใช้งานajax+jquery1

[banchawaipea]

ทางเว็บเราจะนำเสนอการใช้งานJquery อย่างเข้าใจง่ายที่สุดและพร้อมตัวอย่างการเขียน ตลอดการนำๆไปใช้งานจริงและการประยุคใช้ Jquery เริ่มกันที่



Installing
เราสามารถไปโหลดไฟล์ jqueryจากเว็บ  jquery.com.

โค้ด เลือก ขยาย

<script type="text/javascript" src="jquery.js"></script>

หรือ
แนะนำให้ใช้อันนี้ครับ

โค้ด เลือก ขยาย

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>

โค้ดJquery

เมื่อได้ทำตามตัวอย่างด้านบนแล้ว  มาดูวิธีการใช้งานกันต่อ  ตัวอย่าง

โค้ด เลือก ขยาย

<script type="text/javascript">
$(document).ready(function()
{
alert('Welcome PGM-lesson Jquery Basic Series');
});
</script>
ตัวอย่างที่สองคล้ายกับตัวอย่างข้างบน   ตัวอย่าง

โค้ด เลือก ขยาย

<script type="text/javascript">
$(function()
{
alert('Welcome pgm-lesson Jquery Basic Series');
});
</script>
เมื่อตัวอย่างข้างบนจะแสดงเมื่อยังไม่ได้โหลด แต่ตัวอย่างนี้จะเป็นการแสดงเมื่อโหลดหน้านั้นเสร็จแล้ว ตัวอย่าง

โค้ด เลือก ขยาย

<script type="text/javascript">
$(window).load(function()
{
alert('โหลดหน้าเรียบร้อย');
});
</script>




credit  pgm-lesson.blogspot.com