Lv.2 jQuery Syntax

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 ตรงนี้

});

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น

Top