การทำงานกับแอตทริบิวต์ใน jQuery

ตอนนี้เราจะเรียนรู้วิธีการอ่าน เพิ่ม และแก้ไขแอตทริบิวต์ HTML ผ่าน jQuery ทั้งหมดนี้ทำได้โดยใช้เมธอด attr มันทำงานคล้ายกับเมธอด html - ขึ้นอยู่กับจำนวนพารามิเตอร์ มันจะอ่านหรือเปลี่ยนแปลงค่าของแอตทริบิวต์

พารามิเตอร์แรกของ attr รับ ชื่อแอตทริบิวต์ และพารามิเตอร์ที่สอง - ค่าใหม่ของมัน ตัวอย่างเช่น อย่างนี้ - .attr('value', 'www') - เราจะเขียนสตริง 'www' ลงในแอตทริบิวต์ value

แต่ถ้าเรียกใช้ attr ด้วยพารามิเตอร์เดียว มันจะส่งคืนค่าของแอตทริบิวต์ ชื่อ ซึ่งเราระบุในพารามิเตอร์แรก ตัวอย่างเช่น อย่างนี้ - .attr('value') - เรา จะได้ค่าของแอตทริบิวต์ value

ในตัวอย่างต่อไปนี้ เรามีอินพุต:

html<input type="text" value="!!!" id="test">

จากนั้นเราได้รับอินพุตตาม id ของมัน และแสดงค่าของ แอตทริบิวต์ value ของมันบนหน้าจอ:

javascriptalert($('#test').attr('value')); // จะแสดง '!!!'