ในบางครั้งหน้าเวปเรามีเนื้อที่แสดงผลจำกัด การซ่อนและแสดงเนื้อหา ก็เป็นทางออกทีดีในการประหยัดเนื้อที่หน้าเวปไซต์ การแสดงเนื้อหที่ซ่อนอยู่ด้วย jquery แบบง่าย
Event ของ jquery แบบ Basic
เหตุการณ์ที่ผู้ใช้กระทำ แบบง่ายของ jquery ประกอบด้วย เมื่อคลิก เมื่อเลื่อนเมาส์อยู่เหนือ และเมื่อเลื่อนเมาส์ออก 3 เหตุการณ์ ดูโค้ด ด้านล่างประกอบ
jquery สคริปแรกของคุณ
มาทดลองสคริปแรกด้วย เงื่อนไข เมื่อมีการกดที่ ลิ๊งค์ แล้วให้ทำการ แสดงข้อความว่า Hello World
การกำหนด Selectors ด้วย jquery แบบ Basic
jquery function จะอ้างอิง object ด้วยคำสั่ง $(”…”) Selectors ของ jquery แบบ Basic จะเป็นวิธีการอ้างอิง object ที่เป็นแท็ก html ภายในเว็บเพจของคุณ ประกอบไปด้วย
สิ่งจำเป็นก่อนการทำงานของโปรแกรม
สิ่งจำเป็นสำหรับการทำงานของ javascript ต้องทำการโหลดหน้าเว็บให้พร้อมทำงานก่อน หรือเงื่อนไขคือ กำหนดให้โปรแกรมพร้อมทำงานเมื่อมีการโหลดหน้าเพจเรียบร้อยแล้ว ด้วยโค้ดด้านล่าง
เริ่มต้นกับ jquery
สร้างไฟล์สำหรับทดสอบการเรียนรู้ jquery ของคุณด้วย html อย่างง่าย
ฤกษ์งามยามดี!!!!
สวัสดีคุณผู้ชม ผู้ฟังทุกท่าน วันนี้ก็ได้ฤกษ์งามยามดีเริ่มเขียนบทความซักที หลังจากที่มีอุปสรรคขัดขวาง ล้มลุกคลุกคลานกับเรื่องงาน Freelance และเรื่องเรียนเยอะแยะ ปัญหาต่อๆมาก็คือจะใช้ CMS ตัวไหนทำเวปดี…เฮ้อ ซึ่งถ้าจะให้เลือกง่ายๆมันก็เลือกได้ตั้งแต่แรก แต่สำหรับผมจะทำทั้งทีต้องให้มันได้ประโยชน์ในหลายๆด้านเช่น ศึกษาข้อดีข้อเสียของ CMS แต่ละตัว, เรียนรู้ระบบการทำงานของ CMS แต่ละตัว, ศึกษา Code ของ CMS ที่ใช้เพราะอนาคตเราอาจจะนำมา Customize เองได้ ฯลฯ?

Read Users' Comments (0)
