jQuery Syntax เราสามารถเลือก HTML element ได้แบบง่ายๆ พร้อมกับกำหนดการดำเนินการได้เลย
jQuery Syntax
Syntax
$(selector).action()
- เครื่องหมาย $ เพื่อกำหนด/เข้าถึง jQuery
- (selector) เพื่อค้นหา HTML elemets
- การดำเนินการ jQuery() ที่จะกระทำการให้กับอิลิเมนต์ที่เราได้เลือกมา
$(document).ready(function(){
// เขียน jQuery ตรงนี้
});
ตัวอย่าง
$(this).hide() – ซ่อนอิลิเมนต์นั้นๆ
$(“p”).hide() – ซ่อนแท็ก(อิลิเมนต์) p ทั้งหมด
$(“.test”).hide() – ซ่อนอิลิเมนต์ที่มี class ชื่อ test
$(“#test”).hide() – ซ่อนอิลิเมนต์ที่มี id ชื่อ test
การใช้งาน Ready Function ใน jQuery
ในการใช้ jQuery เพื่อเลือกอิลิเมนต์(HTML element) ใดๆ บนเว็บเพจ สิ่งสำคัญคือเราต้องแน่ใจเสียก่อนว่าอิลิเมนต์ที่เราต้องการเหล่านั้น ถูกโหลดมาครบทุกอิลิเมนต์หรือยัง
- พยายามซ่อนอิลิเมนต์ ที่ยังไม่ได้สร้างหรือยังไม่มีตัวตน (โหลดยังไม่เสร็จ จะเอาอะไรไปทำอะไรล่ะ)
- พยายามจะปรับขนาดของรูปภาพที่ยังโหลดไม่เสร็จ
Tip
เขียนแบบนี้สั้นกว่า
$(function(){
// เขียน jQuery ตรงนี้
});