การทำงานกับแอตทริบิวต์ใน jQuery
ตอนนี้เราจะเรียนรู้วิธีการอ่าน เพิ่ม
และแก้ไขแอตทริบิวต์ HTML ผ่าน jQuery
ทั้งหมดนี้ทำได้โดยใช้เมธอด
attr
มันทำงานคล้ายกับเมธอด
html
- ขึ้นอยู่กับจำนวนพารามิเตอร์
มันจะอ่านหรือเปลี่ยนแปลงค่าของแอตทริบิวต์
พารามิเตอร์แรกของ attr รับ
ชื่อแอตทริบิวต์ และพารามิเตอร์ที่สอง - ค่าใหม่ของมัน
ตัวอย่างเช่น อย่างนี้ - .attr('value',
- เราจะเขียนสตริง 'www')'www' ลงในแอตทริบิวต์
value
แต่ถ้าเรียกใช้ attr ด้วยพารามิเตอร์เดียว
มันจะส่งคืนค่าของแอตทริบิวต์ ชื่อ
ซึ่งเราระบุในพารามิเตอร์แรก
ตัวอย่างเช่น อย่างนี้ - .attr('value') - เรา
จะได้ค่าของแอตทริบิวต์ value
ในตัวอย่างต่อไปนี้ เรามีอินพุต:
<input type="text" value="!!!" id="test">
จากนั้นเราได้รับอินพุตตาม
id ของมัน และแสดงค่าของ
แอตทริบิวต์ value ของมันบนหน้าจอ:
alert($('#test').attr('value')); // จะแสดง '!!!'
รับเนื้อหาของแอตทริบิวต์
src ของรูปภาพตาม id ของมัน ซึ่งเท่ากับ
www
รับแอตทริบิวต์ href ของลิงก์
ที่อยู่ในองค์ประกอบที่มีคลาส www
รับเนื้อหาของแอตทริบิวต์ src
ของรูปภาพทั้งหมดบนหน้าและแสดง
ตามลำดับ
รับแอตทริบิวต์ href ของลิงก์ทั้งหมดและ
แสดงตามลำดับ
