มี 228 ผู้มาเยือน และ ไม่มีสมาชิกออนไลน์ ออนไลน์
jQuery : How to use , จะเขียน jQuery จะต้องทำอย่างไร |
jQuery : How to use , จะเขียน jQuery จะต้องทำอย่างไร
jQuery : How to use จากบทความก่อนหน้านี้ jQuery เป็นเพียง Library ของ JavaScript ที่เป็นทางเลือกในการพัฒนาโปรแกรมบนเว็บไซต์ ถ้าในกรณีที่เรามีโปรเจคที่เขียนไว้อยู่แล้วสามารถนำ jQuery ไปใช้ได้ทันที โดยขั้นแรกให้ดาวน์โหลด jQuery Library ได้ที่เว็บไซต์
ในบทความนี้ผมได้ใช้ Version 1.6.4 ซึ่งจะได้ไฟล์ jquery-1.6.4.js
หลังจากได้ไฟล์ jquery-1.6.4.js แล้วให้นำไฟล์นี้เก็บไว้ใน root ของ Project และ include เข้ามาในไฟล์โดยใช้คำสั่ง
1.
<script type=
"text/javascript"
src=
"jquery-1.6.4.js"
></script>
หรือในกรณีที่เก็บ jQuery Library ไว้ใน path อื่น ๆ ก็ให้อ้างอิง Path ให้ถูกต้อง เช่น
1.
<script type=
"text/javascript"
src=
"js/jquery-1.6.4.js"
></script>
นอกจากนี้ยังมีทางเลือกที่สามารถ include จากเว็บไซต์ของ Google หรือ Microsoft โดยเว็บไซต์เหล่านี้ได้มีการประกาศ include jQuery Library ให้ใช้งานได้ ในกรณีที่พัฒนาบน Open Source ผ่าน Web Management เช่น Blogger หรืออื่น ๆ โดยไม่ต้อง Copy Library มาลงไว้ในเครื่อง Server
Microsoft
1.
<script type=
"text/javascript"
src=
"http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js"
></script>
Google
1.
<script type=
"text/javascript"
src=
"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
></script>
01.
<html>
02.
<head>
03.
<script type=
"text/javascript"
src=
"jquery-1.6.4.js"
></script>
04.
<script type=
"text/javascript"
>
05.
$(document).ready(
function
(){
06.
$(
"p"
).click(
function
(){
07.
$(
this
).hide();
08.
});
09.
});
10.
</script>
11.
</head>
12.
<body>
13.
<p>Welcome to My site</p>
14.
</body>
15.
</html>
bcomz.com เป็นส่วนหนึ่งของงานซ่อมคอมพิวเตอร์นอกสถานที่ บางกะปิ รามคำแหง ซึ่งมีประสบการณ์การซ่อมและการค้าขาย มากกว่า 10 ปี โดยมอบประสบการณ์การช้อปปิ้งและช่องทางการขายปลีกที่สะดวกสบายสำหรับผู้บริโภคและมอบแพลตฟอร์มสำหรับผู้ค้าให้สามารถเข้าถึงฐานลูกค้าที่ใหญ่ที่สุดในเอเชียตะวันออกเฉียงใต้ได้อย่างง่ายดาย