พิมพ์หน้านี้ - การใช้งานajax+jquery1

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

(http://2.bp.blogspot.com/-eqQpV0ajk0k/TreGEPlhfDI/AAAAAAAAAA4/YbYIcBDLV0w/s400/jquerybasics1.png)

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

ThaiSEOBoard.com

ไทย เสียว บอร์ด => Tutorial (ห้ามตั้งคำถามห้องนี้) => ข้อความที่เริ่มโดย: banchawaipea ที่ 14 พฤศจิกายน 2011, 21:09:55