Categories
Javascript Web Development

เริ่มต้น Web Interactive กับ jQuery


Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

jQuery เป็น JavaScript Libary ที่มีขนาดเล็ก ทำงานได้อย่างรวดแล้ว และ มีความสามารถต่างๆ มากมาย เช่น การจัดการกับ tag ต่างๆใน HTML การทำงานกับเหตุการใน HTML Animation หรือแม้แต่ การทำงานของ AJAX และที่สำคัญ มาพร้อมกับ API ที่ใช้งานง่ายมากๆ ที่ย่อคำสั่งหลายบรรทัด ให้เหลือแค่บรรทัดเดียว

ยกตัวอย่างการแทกข้อความลงใน tag

 

# จะเป็นการเลือก element จาก id
. จะเป็นการเลือก element จาก class

ยกตัวอย่างการจัดการกับเหตุการณ์

 

 

จากตัวอย่าง จะเป็นการจับเหตการณ์คลิก จาก element #btn-submit ซึ่งเลือกจาก id

แล้วคำสั่ง jQuery จะเอาไว้ที่ส่วนไหนของ เอกสาร HTML ดี ?

ฝรั่งเขาแนะนำให้เอาไว้ที่ส่วนล่างสุดของ body นะครับ จะได้รู้สึกเหมือนโหลดไว้ขึ้น เพราะถ้าไฟล์ js มันใหญ่แล้วใส่คำสั่งให้มันโหลดก่อน เว็บจะโหลดช้า เว็บก็จะไม่แสดงผลสักที แต่ถ้าให้ไฟล์ js โหลดทีหลัง html กับ css  ก็จะโหลดมาแสดงผลก่อน js ตามมาทีหลัง ก็ทำให้รู้สึกเหมือนว่าโหลดไวกว่านั่นเอง

วางตามฟอร์มแบบนี้ครับ

หาข้อมูลเพิ่มเติมกันได้ที่ jQuery.com 

By Mai

ชื่อใหม่ครับ ชอบการพัฒนาเว็บไซต์ ศึกษาหาข้อมูลอยู่เรื่อย มีความรู้หรือเทคนิคอะไรใหม่ๆ ก็จะมาแบ่งปันกันครับ