บทที่ 3 jQuery Selectors ตอนที่ 3
ตัวอย่างเพิ่มเติม jQuery Selectors
Syntax |
คำอธิบาย |
$(this) | เลือกอิลิเมนต์ปจจุบัน |
$("p") | เลือก<p>ทุกอิลิเมนต์ |
$("p.intro") | เลือก<p>ทุกอิลิเมนต์ ที่มี class="intro" |
$("p#intro") | เลือก<p>ทุกอิลิเมนต์และ ที่มี id ="intro" |
$("p#intro:first") | เลือแท็ก<p> เเท็กแรก ที่มีid="intro" |
$(".intro") | เลือก class ="intro"ทั้งหมด |
$("#intro") | เลือก id ="intro"ทั้งหมด |
$("ul li:first") | เลือก <li> ตัวแรก ซึ่งอยู่ภายในแท็ก <ul> |
$("[href$='.jpg']") | เลือกทุกอิลิเมนต์ทีมีแอตตริบิวต์ href ที่ค่าของแอตริบิวต์ลงท้ายด้วย ".jpg" |
$("div#intro .head") | เลือกทุกอิลิเมนต์ทั้งหมดที่มี class="head" ที่อยู่ข้างใน แท็ก <div> ที่มี id="intro" |
อ่านเพิ่มเติม
บทที่ 3 jQuery Selectors ตอนที่ 1
บทที่ 3 jQuery Selectors ตอนที่ 2
ข้อมูลอ้างอิง
http://sci.udru.ac.th
http://www.w3schools.com