อีกหนึ่งฟังก์ชันที่ผมใช้อยู่บ่อยๆ ของ jQuery ก็คือ ฟังก์ชัน attr() ซึ่งฟังก์ชันนี้จะใช้สำหรับการดึงค่า(get) ของ attribute และกำหนดค่า(set) ของ attribute โดยรูปแบบการใช้งานก็ง่ายๆ ครับ คือ
การดึงค่า attribute ก็จะประมาณนี้ครับ .attr(ชื่อของ attribute ที่ต้องการค่า) เช่น ถ้าเราต้องการดึงเอาค่าของ alt ของแท็ก img
<img id="examimage" src="xxxx.gif" alt="example image" width="30" height="30" />
jQuery ก็จะเขียนได้แบบนี้ครับ
var alt = $('#examimage').attr('alt');
การกำหนดค่า attribute ล่ะ จะทำไง ก็ง่ายๆ เลยครับ .attr(ชื่อของ attribute ที่ต้องการค่า, ค่าของ attribute) เช่น เราต้องการกำหนดค่า alt ของแท็ก img ข้างบนให้มีค่าเป็น “กำหนดค่า alt ด้วย jQuery” ก็จะเรียกใช้ฟังก์ชันด้งนี้ครับ
$('#examimage').attr('alt', "กำหนดค่า alt ด้วย jQuery" );