ทางเว็บเราจะนำเสนอการใช้งาน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
แสดงกระทู้
