ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้

รวมบทความ jQuery Learning

รวมบทความ เนื้อหา วิธีการใช้งาน การประยุกต์ คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น jQuery Learning

ปัจจุบัน นักพัฒนาสามารถ ใช้ ChatGPT | Gemini | Claude | Perplexity | Deepseek ช่วยในการแก้ไขปัญหาต่างๆ ในการเขียนโปรแกรม หรือหาข้อมูลเพิ่มเติมได้ง่ายและสะดวก แนะนำให้ทุกคนใช้งานเพื่อพัฒนาศักยภาพของตัวเอง

16 Aug 2009 เริ่มต้น jQuery UI กับการสร้าง ปฏิทินเลือกวันที่ datepicker อ่าน 91,000 ตัวอย่างผลลัพธิ์ $(function(){ // แทรกโค้ต jquery $("#dateInput").d 10 Sep 2010 ค้นหา พิกัด ค่า latitude และ longitude ใน Google Map จากฃื่อสถานที่ อ่าน 80,506 จากเนื้อหาบทความ https://www.ninenik.com/Google_map_API_v.3_กับ_jQuery_ลากจุดหา 09 Aug 2010 ประยุกต์ jQuery UI ปฏิทิน Datepicker แสดงภาษาไทย และใช้ ปี พ.ศ. อ่าน 77,782 ทางเลือก สำหรับคนที่ต้องการใช้ jQuery UI ปฏิทิน Datepicker ใช้ปี พ.ศ. และแสดง 04 Nov 2010 การสร้าง json ไฟล์ จากฐานข้อมูล ด้วย php และการใช้งานด้วย jQuery getJSON() อ่าน 75,802 ตัวอย่างต่อไปนี้เป็นสร้างไฟล์ json จากฐานข้อมูลด้วย php โดยคร้างสร้างฐานข้อมูลตั 23 Nov 2008 สร้างเมนูแท็บ Tab menu ด้วย jQuery + CSS อย่างง่าย อ่าน 68,424 ตัวอย่างผลลัพธ์ div#i_containTab{ position:relative; displa 12 Oct 2014 การใช้งาน fullcalendar v.2.1.1 กับฐานข้อมูล สร้างปฏิทินกิจกรรม อ่าน 64,272 บทความเกี่ยวกับ fullcalendar เวอร์ชั่น 2.1.1 นี้ จะมีบทความมากกว่าหนึ่งบทความ 03 Jun 2009 สร้างระบบ slide เลื่อนซ้าย ขวา ด้วย jquery อย่างง่าย อ่าน 63,235 CSS Code ต้วอย่าง <style type="text/css"> span#slide_box_sp{ display:bloc 09 Sep 2010 Google map API v.3 กับ jQuery ลากจุดหา พิกัด ค่า latitude และ longitude อ่าน 62,276 ตัวอย่างโค้ดต่อไปนี้ จะคล้ายกับใน หัวข้อ https://www.ninenik.com/สร้างฟอร์ม_ดึง 04 Aug 2009 การส่งข้อมูลแบบ post ด้วย ajax ของ jquery อ่าน 56,727 HTML Code <form id="form1" name="form1" method="post" action=""> < 05 Nov 2013 แสดงตำแหน่งปัจจุบัน ของคุณ ใน google map v3 อย่างง่าย อ่าน 55,618 ตัวอย่างโค้ดต่อไปนี้ เป็นการ ใช้ความสามารถของ HTML 5 ในส่วนของ geolocation เพื่ 21 Jul 2010 เทคนิค การเพิ่ม ลบ แถว ในตาราง รายการข้อมูล ด้วย jQuery อย่างง่าย อ่าน 49,310 ในกรณี ที่ต้องการสร้างฟอร์ม สำหรับการบันทึกข้อมูล โดยให้สามารถทำการเพิ่มรายข้อมู 19 Aug 2009 สร้าง เมนูแท็บ Tabs อย่างง่าย ด้วย jQuery UI อ่าน 47,910 ตัวอย่างผลลัพธิ์ $(function(){ // แทรกโค้ต jquery $("#tabs").tabs(); 29 Mar 2010 สร้างฟอร์ม ดึง พิกัด ค่า latitude และ longitude จาก google map อ่าน 46,808 สร้างฟอร์ม สำหรับดึงค่า พิกัด ค่า latitude, longitude และค่า zoom จาก goog 04 Jun 2009 สร้างเมนูย่อย ให้กับข้อความ เมื่อนำเม๊าท์ไปชี้ mouseover ด้วย css และ jquery อย่างง่าย อ่าน 44,494 ตัวอย่างการใช้งาน เลื่อนเม๊าท์มาตำแหน่งนี้ เมนู CSS Code ตัวอย่าง <style 15 Sep 2010 สร้าง ตัว marker ระบุตำแหน่ง ใน google map จำนวนมาก จาก xml ไฟล์ อ่าน 43,938 ตัวอย่างโค้ดต่อไปนี้ เป็นการสร้าง ตัว marker ระบุตำแหน่ง ใน google map จำนวนมากๆ 17 Nov 2008 ตรวจสอบฟอร์ม form ก่อน submit ด้วย jquery อ่าน 42,502 Javascript Code <script language="javascript" src="js/jquery-1.2.6.min.js" 17 Feb 2012 ประยุกต์ ใช้งาน jquery ui autocomplete ร่วมกับฐานข้อมูล อย่างง่าย อ่าน 40,858 ตัวอย่างโค้ดต่อไปนี้ เป็นการประยุกต์เพิ่มเติม การใช้งาน jQuery UI Autocomp 27 Aug 2010 เทคนิค jQuery สร้าง preloading page หรือ loading image ก่อนแสดงหน้าเว็บ อ่าน 40,066 การสร้าง preloading page หรือ loading image ในที่นี้ จะอาศัยการโหลด รูปภาพเป็นตั 03 Nov 2010 การเพิ่ม ลบ แก้ไข แบ่งหน้า ข้อมูล ด้วย jquery ajax อย่างง่าย อ่าน 39,561 ตัวอย่างโค้ดต่อไปนี้ เป็นแนวทางการใช้งาน jQuery ajax กับการจัดการข้อมูลในฐานข้อม 16 Dec 2011 ใช้ jQuery กับ CSS สร้างเมนูย่อย แนวนอน รูปแบบคล้ายแท็บเมนู อ่าน 37,186 ตัวอย่าง และโค้ดต่อไปนี้ เป็นแนวทางสำหรับสร้างเมนู สำหรับเว็บไซต์ โดยจะมีเ 27 Sep 2013 สร้างวงกลม circle รัศมี 1 กิโลเมตร บน google map v3 อย่างง่าย อ่าน 36,949 ตัวอย่างโค้ดต่อไปนี้ เป็นแนวทางในการสร้าง overlays รูปแบบวงกลม ในแผนที่ g 25 Feb 2014 สร้าง jquery plugin แสดง ปฏิทิน วัน เดือน พ.ศ. ภาษาไทย สำหรับ datepicker อ่าน 36,033 เพื่อให้การใช้งาน การแสดง พ.ศ. หรือวัน เดือน ใน jqueryui datepicker เป็นภ 19 Oct 2010 เริ่มต้นการใช้งาน jwplayer jquery plugin แสดง video บนเว็บไซต์ อ่าน 35,771 ดาวน์โหลด ส่วนของไฟล์ ที่จำเป็นสำหรับใช้งานได้ที่ https://www.ninenik.com/downl 21 Apr 2010 สร้างเส้นทาง เพื่อ หาระยะทาง ใน google map ด้วย jQuery อ่าน 35,375 ตัวอย่าง พร้อมโค้ดด้านล่าง เป็นการสร้างแผนที่ ให้สามารถหาเส้นทาง โดยการลากตัว ma 01 Dec 2010 การใช้งาน polyline และ polygon ใน google map api v3 อ่าน 35,057 ตัวอย่าง และโค้ดต่อไปนี้ เป็นการประยุกต์ใช้งาน google map v3 กับการสร้างเส้น 05 Sep 2014 แนะนำ DateTimePicker เรียบง่าย และสวย น่าใช้มาก อ่าน 33,902 เนื้อหาส่วนนี้ ขอเป็นการแนะนำอย่างเดียว ส่วนใครสนใจ เข้าไปโหลด และดูวิธีการใช้ง 22 Aug 2010 สร้าง waiting page ให้รอสักครู่ ก่อนลิ้งค์ ไปเว็บอื่น ด้วย jQuery และ php อ่าน 33,839 ในส่วนตัวไม่แน่ใจว่า การทำ waiting page จะมีประโยชน์ต่อการทำ seo หรือไม่อย่างไร 14 Nov 2008 สร้างป้ายโฆษณาเลื่อนตามจอภาพ ด้วย jquery ได้ในไม่กี่บรรทัด อ่าน 33,096 ส่วนของ Javascript Code <script language="javascript" src="js/jquery-1.2.6 09 Dec 2014 สร้างกราฟแนวตั้ง ดึงข้อมูลจากฐานข้อมูล ใน google chart อ่าน 33,057 เนื้อหาตอนนี้ จะให้แนวทางในการประยุกต์ ดึงข้อมูลจากฐานข้อมูล ซึ่งโดยทั่วไ 15 Dec 2014 วิธี กำหนด datetimepicker เลือกวันเวลา เริ่มต้น และสิ้นสุด อ่าน 31,332 ตัวอย่างโค้ดต่อไปนี้ เป็นแนวทาง สามารถนำไปประยุกต์ใช้งาน โดยจะเป็นการแสดง 30 Oct 2010 การเลื่อน jQuery UI tab อัตโนมัติ ตามเวลาที่กำหนด อ่าน 29,874 ศึกษาความสามารถในส่วนอื่นของ jQuery UI Tab ได้ด้วยตัวเองที่ http://jqueryui.com 22 Mar 2011 การกำหนด แท็ก html ในตัวแปร JavaScript อย่างง่าย อ่าน 29,552 ตัวอย่างแนวทางต่อไปนี้ เป็นเทคนิค เล็กน้อยในการใช้งานตัวแปร JavaScript เก็บ html 28 Oct 2010 เริ่มต้นใช้งาน jquery ui autocomplete อย่างง่าย อ่าน 29,247 ตัวอย่างโค้ด พร้อมคำอธิบายต่อไปนี้ เป็นแนวทางการใช้งาน jQuery UI สำหรับสร้าง aut 26 Feb 2009 การกำหนดให้ input text เลื่อนโฟกัส focus เองอัตโนมัติ ด้วย jQuery อ่าน 28,998 การกรอกเลขที่บัตรเครดิต HTML Code <form id="form1" name="form1" method="p 17 Oct 2013 ค้นหาสถานที่ ในฐานข้อมูล และแสดง ตำแหน่งบนแผนที่ google map แบบง่าย อ่าน 28,429 โค้ดตัวอย่าง และคำอธิบายคร่าวๆ นี้ เป็นแนวทาง ในการค้นหาข้อมูล สถานที่ ที่ได้ทำ 26 Sep 2010 การแสดงข้อมูล แนะนำ เส้นทาง ใน google map อ่าน 28,274 การใช้งาน DirectionsService และ DirectionsRenderer ในหัวข้อตามลิ้งค์ด้านล่าง 07 Sep 2011 นาฬิกาเวลา จาก server อย่างง่าย อ่าน 28,084 เป็นลูกเล่นสำหรับเอาไปตกแต่งเว็บ เมื่อก่อนเห็นตามเว็บต่างๆ บ่อย แต่เดี๋ยวน 25 Sep 2008 ซ่อนและแสดง เนื้อหาด้วย jquery แบบ Basic อ่าน 28,004 แสดงเนื้อหที่ซ่อนอยู่ด้วย jquery แบบง่าย ดูตัวอย่างพร้อมโค้ดประกอบ $(func 14 Mar 2009 ค้นหาข้อความในหน้าเว็บเพจอย่างง่ายด้วย jQuery อ่าน 27,244 HTML Code ตัวอย่าง <input name="keyword" type="text" id="keyword" size="25 04 Nov 2008 การจำกัดจำนวนตัวอักษร ใน textarea ด้วย jquery อ่าน 26,570 Javascript Code <script language="javascript" src="js/jquery-1.2.6.min.js" 21 Dec 2010 กำหนด ปุ่ม ให้ทำงาน เมื่อคลิกที่ checkbox ยอมรับเงื่อนไข ด้วย jQuery อ่าน 26,545 ตัวอย่างต่อไปนี้ ใช้สำหรับใช้งานการกำหนดให้ ปุ่มสามารถใช้งานได้ เมื่อคลิกที่ ch 09 Oct 2009 ขยายขนาดความสูงของ iframe ตามความสูงของเพจที่แสดง ด้วย jQuery อ่าน 26,237 ตัวอย่าง ลิ้งค์ที่ 1 ลิ้งค์ที่ 2 ลิ้งค์ที่ 3เมื่อคลิกที่ลิ้งค์ ทั้งสาม ขนาดความส 06 Mar 2014 การเพิ่ม ลบ แก้ไข ข้อมูล กับ รายการ clone() ด้วย jquery อ่าน 26,222 รูปแบบหรือลักษณะการทำงานของเนื้อหานี้คือ - มีฟอร์ม สำหรับรับค่ 08 Feb 2012 Google map API v.3 กับ jQuery ลากจุดหา ชื่อตำแหน่ง และ พิกัด ค่า latitude longitude อ่าน 25,315 ตัวอย่างโค้ดต่อไปนี้ เป็นการประยุกต์เพิ่มเติมจากหัวข้อตามลิ้งค์ด้านล่าง h 22 Jun 2012 สร้าง ซ่อน แสดงแถวใน ตาราง ด้วย jQuery อย่างง่าย อ่าน 25,219 สามารถนำไปประยุกต์ใช้ ในการซ่อนเนื้อหา ในตาราง และจะแสดง เมื่อคลิกที่หัวข 19 Sep 2010 DirectionsService DirectionsRenderer ค้นหา และสร้าง เส้นทางใน google map อ่าน 25,054 เนื้อหาต่อไปนี้เป็นการใช้งาน google map สำหรับการสร้างเส้นทาง เพื่อหาระยะทาง และ 17 Sep 2010 กำหนด infowindow ให้กับตัว marker จำนวนมาก ใน google map อ่าน 25,050 เนื้อหานี้เป็นส่วนต่อเนื่องจาก สร้าง ตัว marker ระบุตำแหน่ง ใน google map จำนวน 27 Oct 2014 ทบทวนการใช้งาน submit ข้อมูลแบบ ajax และการ reset form อ่าน 25,004 เนื้อหาในส่วนนี้ จะเป็นการทบทวนความรู้เก่า เป็นตัวอย่างการใช้งาน ajax ในล 25 Sep 2008 มารู้จัก effect ของ jquery อย่างง่าย ตอนที่ 1 อ่าน 24,936 การซ่อนและแสดงข้อมูลในลํกษณะปกติ <script language="javascript"> 27 Jun 2011 ลูกเล่น เพิ่มช่องรับ input type file อัตโนมัติ ด้วย jQuery อ่าน 24,838 ตัวอย่างต่อไปนี้ เป็นแนวทางสำหรับนำไปใช้ในการ ให้สามารถอัพโหลดไฟล์ ได้หลาย
เรียงจาก ยอดคนเปิดดู จาก มาก → น้อย 1 2 3 4 5 Next
1 2 3 4 5 Next