ตัวเลือก W3.JS
ตัวเลือก W3.JS
W3.JS เลือกองค์ประกอบ HTML และดำเนินการกับองค์ประกอบที่เลือก:
w3.action(selector)
- การดำเนินการ () ดำเนินการกับองค์ประกอบที่เลือก
- ( selector ) เลือกองค์ประกอบ HTML
ตัวอย่าง
w3.hide('p') // Hide all <p> elements
คุณคุ้นเคยกับตัวเลือก CSS หรือไม่?
W3.JS ใช้ไวยากรณ์ CSS เพื่อเลือกและจัดการองค์ประกอบ HTML
ตัวเลือกใช้เพื่อ "ค้นหา" (เลือก) องค์ประกอบ HTML ตามชื่อแท็ก รหัส คลาส ประเภท คุณลักษณะ ค่าของแอตทริบิวต์ และอื่นๆ อีกมากมาย รายการตัวเลือกทั้งหมดสามารถพบได้ใน การอ้างอิง ตัวเลือก CSS ของเรา
ตัวอย่างตัวเลือก
ในการเลือกองค์ประกอบ HTML ให้ใช้ชื่อแท็ก:
ซ่อน <h2> องค์ประกอบทั้งหมด:
w3.hide('h2')
ในการเลือกองค์ประกอบที่มี id เฉพาะ ให้เขียนอักขระ hash ตามด้วย id ขององค์ประกอบ HTML:
ซ่อนองค์ประกอบด้วย id="London":
w3.hide('#London')
ในการเลือกองค์ประกอบที่มีคลาสเฉพาะ ให้เขียนอักขระจุด ตามด้วยชื่อของคลาส:
ซ่อนองค์ประกอบทั้งหมดที่มี class="city":
w3.hide('.city')
ตัวอย่างตัวเลือกเพิ่มเติม
| Selector | Description | Example |
|---|---|---|
| ("*") | Selects all elements in the document | |
| (this) | Selects the current HTML element | |
| ("p.intro") | Selects all <p> elements with class="intro" | |
| ("div p") | Selects all <p> element inside all <div> elements | |
| ("div p:first-child") | Selects the first <p> element inside all <div> elements | |
| ("[href]") | Selects all elements with an href attribute | |
| ("a[target=_blank]") | Selects all <a> elements with a target attribute value equal to "_blank" | |
| ("p:nth-child(even)") | Selects all even <p> elements |
สำหรับการอ้างอิงที่สมบูรณ์ของตัวเลือก CSS ทั้งหมด โปรดไปที่การ อ้างอิง ตัวเลือก CSS ของเรา