Bekerja dengan Atribut di jQuery

Sekarang kita akan belajar membaca, menambahkan, dan mengubah atribut tag HTML melalui jQuery. Semua ini dilakukan dengan metode attr. Cara kerjanya mirip dengan metode html - tergantung pada jumlah parameternya, metode ini akan membaca atau mengubah nilai atribut.

Parameter pertama attr menerima nama atribut, dan parameter kedua - nilai barunya. Contohnya, seperti ini - .attr('value', 'www') - kita akan menulis string 'www' ke dalam atribut value.

Jika memanggil attr dengan satu parameter, maka metode akan mengembalikan nilai atribut yang namanya kita tentukan di parameter pertama. Contohnya, seperti ini - .attr('value') - kita akan mendapatkan nilai dari atribut value.

Pada contoh berikutnya, kita memiliki sebuah input:

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

Selanjutnya kita mendapatkan input berdasarkan id-nya dan menampilkan nilai atribut value-nya di layar:

alert($('#test').attr('value')); // akan menampilkan '!!!'

Dapatkan isi dari atribut src gambar berdasarkan id-nya, yaitu www.

Dapatkan atribut href dari tautan yang terdapat dalam elemen dengan kelas www.

Dapatkan isi dari atribut src semua gambar pada halaman dan tampilkan secara berurutan.

Dapatkan atribut href dari semua tautan dan tampilkan secara berurutan.