jQuery [attribute^=value]
Selector
Contoh
Memilih seluruh elemen <div> yang value attribute-nya diawali dengan string "nation"
Sehingga selektor ini akan memilih attribute dengan nilai, sebagai contoh: 'nation' atau 'national' atau ' nation.baypass', atau 'nation class',.. dan TIDAK AKAN MEMILIH, sebagai contoh: 'natio nal' atau 'international',. sebab string 'nation' tidak terletak diawal kata.
Defenisi dan Kegunaan
Selektor [attribute^=value] adalah untuk memilih setiap elemen dengan attribute tertentu, dengan valuenya diawali oleh string / kata tertentu pula.
Parameter | Keterangan |
---|---|
attribute | Harus ada. Menentukan attribute yang akan dipilih |
value | Harus ada. Menentukan nilai yang diawali oleh kata tertentu. |
Contoh
Mewarnai latar belakang dari seluruh elemen 'div' yang attribute nya = "name" dengan value yang berstring awal "nation", menjadi warna kuning.
Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.
Hasilnya:
Cobalah untuk mengganti selector nya menjadi "div[name^='na']", maka semua elemen div akan berwarna kuning. Coba lagi mengganti selector nya menjadi "div[name^='nat']", maka semua elemen div akan berwarna kuning kecuali elemen div ke-5 atau Division 5, sebab pada Division 5 string awal dari value nya hanya "na".