ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

jQuery คืออะไร

 

jQuery คืออะไร

jQuery คืออะไร

 

jQuery คืออะไร

            jQuery คือ JavaScript Library ซึ่งถูกออกแบบมาเพื่อให้การเขียน javascript นั้นมีความสะดวกและง่ายขึ้น เพราะว่าการนำ JavaScript เอาไปประยุกต์กับงานจำพวกเว็บ (Client-side JavaScript) นั้นเป็นสิ่งที่ยุ่งยาก ไม่ว่าจะเป็นเรื่องความไม่เข้ากันของ web browser แต่ละค่าย, DOM หรือ API เป็นต้น  

            ดังนั้น jQuery จึงรวมเอา Object และ Function ต่างๆ ที่จำเป็นมารวบรวมไว้ในรูปแบบของ Library พอเป็นเช่นนี้แล้ว ไม่ว่าโค้ดที่คุณเขียนจะใช้ JavaScript  หลายบรรทัดขนาดไหน ก็สามารถทำให้สั้นลงได้ อาจทำให้เหลือสั้นเพียงแค่บรรทัดเดียวเท่านั้น

jQuery ประกอบด้วยฟีเจอร์ต่างๆ ดังนี้

            - HTML/DOM manipulation

            - CSS3  manipulation

            - HTML event methods

            - Effects and animations

            - Ajax

            - Utilities

            ก่อนที่จะเริ่มต้นเรียน jQuery นั้นผู้เรียนจำเป็นต้องมีความรู้เรื่อง ,HTML5 , CSS3 , JavaScript เพื่อให้สามารถทำเข้าใจเกี่ยวกับ jQuery ได้ง่ายขึ้น โดยเราต้องดาวน์โหลดและติดตั้งมันเสียก่อน โดยเราสามารถดาวน์โหลดได้ที่ http://www.jquery.com

            ในเว็บไซต์จะมีให้ดาวน์โหลดสองรูปแบบย่อยด้วยกันคือ แบบ Production และแบบ Development ซึ่งแบบ Development เหมาะสำหรับการเอาซอร์สโค้ดมาดัดแปลงแก้ไขหรือศึกษาทำความเข้าใจ ในขณะที่แบบ Production เหมาะกับการนำไปใช้งานจริง เพราะได้ตัดช่องว่างและปรับเปลี่ยนตัวแปรภายในให้สั้นลง เพื่อลดขนาดของไฟล์ลง ก็ให้เลือกเอาตามความต้องการใช้งาน (หากคลิกดาวน์โหลดแล้วมันเปิดขึ้นมาเป็นข้อความก็อย่าได้ตกใจไป เพราะมันคือไฟล์ .js เหมือน JavaScript ทั่วไป และเบราว์เซอร์ของคุณอาจมองว่ามันเป็น Text ชนิดหนึ่ง ก็ให้เซฟเว็บเพจนั้นซะ) เมื่อเราได้ไฟล์ jquery-x.y.z.js หรือ jquery-x.y.z.min.js แล้ว ลำดับถัดไปก็คือการอ้างอิงใช้มันในไฟล์ HTML ซึ่งก็จะเหมือนกับการอ้างอิงใช้งานไฟล์ JavaScript ทั่วไป

 

สามารถเรียนรู้ เกี่ยวกับ jQuery เพิ่มเติมได้จาก

             • https://www.mdsoft.co.th

ภาพประกอบจาก : https://www.mdsoft.co.th

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สร้างไฟล์ PDF โดยไม่ต้องลงโปรแกรม
โดย chaiyasitpraphut พฤ 14 พ.ย. 2019 10:43 am บอร์ด MindPHP News / Feedback
0
37
พฤ 14 พ.ย. 2019 10:43 am โดย chaiyasitpraphut
ชอบ Feature นี้ของ Joomla ตัวช่วยตรวจสอบ โครงสร้างตารางเวลามีการอัพเกรด
โดย mindphp พ 13 พ.ย. 2019 8:41 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
0
128
พ 13 พ.ย. 2019 8:41 pm โดย mindphp
งานประจำวันที่ 13 พฤศจิกายน 2562
โดย numtan5839 พ 13 พ.ย. 2019 10:09 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
5
35
พฤ 14 พ.ย. 2019 10:53 am โดย numtan5839
Generate QR Code
โดย chaiyasitpraphut พ 13 พ.ย. 2019 7:03 pm บอร์ด MindPHP News / Feedback
0
108
พ 13 พ.ย. 2019 7:03 pm โดย chaiyasitpraphut
การใช้ CSS selectors เพื่ออ้างอิง h1 tag ที่อยุ่ข้างใน div
โดย bankjittapol พ 13 พ.ย. 2019 6:49 pm บอร์ด CSS Knowledge
1
92
พ 13 พ.ย. 2019 6:52 pm โดย mindphp
ประโยชน์ของ IOT - internet of things
โดย chaiyasitpraphut พ 13 พ.ย. 2019 6:49 pm บอร์ด IOT - Internet of things
0
65
พ 13 พ.ย. 2019 6:49 pm โดย chaiyasitpraphut
วิธีการเพิ่ม css ให้กับ class โดยใช้ js
โดย Ittichai_chupol พ 13 พ.ย. 2019 6:41 pm บอร์ด Jquery & Ajax Knowledge
0
65
พ 13 พ.ย. 2019 6:41 pm โดย Ittichai_chupol
ติดตั้ง Broad ESP8266 ลงบน Arduino IDE
โดย chaiyasitpraphut พ 13 พ.ย. 2019 6:37 pm บอร์ด IOT - Internet of things
0
46
พ 13 พ.ย. 2019 6:37 pm โดย chaiyasitpraphut
ทำไมตั้งค่าเมล แบบ POP3 ใน Android ไม่ได้ครับ
โดย chatee supasand พ 13 พ.ย. 2019 6:29 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
2
117
พ 13 พ.ย. 2019 7:01 pm โดย chatee supasand
ปัญหาในการใช้งานเครื่องมือออนไลน์
โดย chaiyasitpraphut พ 13 พ.ย. 2019 6:21 pm บอร์ด MindPHP News / Feedback
0
44
พ 13 พ.ย. 2019 6:21 pm โดย chaiyasitpraphut
แนะนำ Website Free Icon สำหรับเอาไอคอนมาทำเว็บไซต์
โดย numtan5839 พ 13 พ.ย. 2019 5:59 pm บอร์ด Graphic design
0
62
พ 13 พ.ย. 2019 5:59 pm โดย numtan5839
เพชรแท้จะไม่ติดสีหมึก จริงหรือ
โดย jiraporn66 พ 13 พ.ย. 2019 4:52 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
72
พ 13 พ.ย. 2019 4:52 pm โดย jiraporn66
NB‑IoT คืออะไร
โดย chaiyasitpraphut พ 13 พ.ย. 2019 4:46 pm บอร์ด IOT - Internet of things
0
28
พ 13 พ.ย. 2019 4:46 pm โดย chaiyasitpraphut
งานประจำวันที่ 13 พฤศจิกายน 2562
โดย chaiyasitpraphut พ 13 พ.ย. 2019 9:50 am บอร์ด MT35 - นายชัยยะสิทธิ์ พระพุทธ
7
50
พ 13 พ.ย. 2019 7:22 pm โดย chaiyasitpraphut
report แจ้งปัญหา เวลาสมัครกดเลือกภาษา แล้วเด้งกลับไปหน้าก่อนหน้า
โดย chatee supasand พ 13 พ.ย. 2019 4:04 pm บอร์ด MindPHP News / Feedback
2
71
พ 13 พ.ย. 2019 6:59 pm โดย mindphp
แนะนำ website สำหรับปรับขนาดรูปภาพ
โดย numtan5839 พ 13 พ.ย. 2019 2:07 pm บอร์ด Graphic design
0
39
พ 13 พ.ย. 2019 2:07 pm โดย numtan5839
Application Blynk
โดย chaiyasitpraphut พ 13 พ.ย. 2019 1:37 pm บอร์ด IOT - Internet of things
0
32
พ 13 พ.ย. 2019 1:37 pm โดย chaiyasitpraphut
report ปัญหา เมนูด้านบนยัง เป็น Eng อยู่เลย
โดย chatee supasand พ 13 พ.ย. 2019 12:58 pm บอร์ด MindPHP News / Feedback
0
49
พ 13 พ.ย. 2019 12:58 pm โดย chatee supasand
ลบ background ง่ายๆไม่ต้องใช้ Photoshop
โดย numtan5839 พ 13 พ.ย. 2019 12:45 pm บอร์ด Graphic design
0
34
พ 13 พ.ย. 2019 12:45 pm โดย numtan5839
Q - สอบ ถามเรื่อง python tkinter วิธีทำ PDF
โดย ichimarusoichi พ 23 ม.ค. 2019 3:25 pm บอร์ด Programming - C/C++ & java & Python
8
2201
พ 13 พ.ย. 2019 12:31 pm โดย dharya