ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery :first-of-type Selector

<jQuery Selectors

ตัวอย่าง

เลือกทุก <p> องค์ประกอบที่เป็นครั้งแรก <p> องค์ประกอบของแม่:

$("p:first-of-type")
ลองตัวเอง»

ความหมายและการใช้งาน

:first-of-type เลือกเลือกองค์ประกอบทั้งหมดที่มีลูกคนแรกของประเภทโดยเฉพาะอย่างยิ่งพ่อแม่ของพวกเขา

เคล็ดลับ: นี้เป็นเช่นเดียวกับ :nth-of-type(1)

เคล็ดลับ: ใช้ :last-of-type เลือกเพื่อเลือกองค์ประกอบทั้งหมดที่มีลูกคนสุดท้ายของประเภทโดยเฉพาะอย่างยิ่งพ่อแม่ของพวกเขา


วากยสัมพันธ์

$(":first-of-type")

ลองตัวเอง - ตัวอย่าง

เลือกแรก <p> องค์ประกอบของทั้งหมด <div> องค์ประกอบ
วิธีการเลือกแรก <p> องค์ประกอบของทั้งหมด <div> องค์ประกอบ

ความแตกต่างระหว่าง :first, :first-child และ :first-of-type
แสดงความแตกต่างระหว่าง :first, :first-child และ :first-of-type selectors


<jQuery Selectors