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.
x
<html> <head> <script src="https://cdn.rawgit.com/cholebeharia/blogku/1a8ade58/jquery.min.js"></script> </head> <body> <div name="nation">Division 1</div> <div name="nation class">Division 2</div> <div name="nati on">Division 3</div> <div name="national">Division 4</div> <div name="na tion">Division 5</div> <div name="nation.bypass">Division 6</div> <script> $(document).ready(function(){ $("div[name^='nation']").css("background-color","yellow"); }); </script> </body> </html>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".
