Hidup itu terlalu misterius. Lebih baik berhenti menebak-nebak dan mulai lakukan hal yg tepat. Oke lama tak berjumpa kawan. Pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Memberikan CSS dengan :image Selector jQuery.
Pada sebelumnya saya sudah membahas tentang beberapa type inputan selector pada tag <input>. Nah sekarang kesempatan nya pada saat ini saya akan memberitahukan kepada kalian Cara Memberikan CSS dengan :image Selector jQuery. :image selector yang dimaksud disini adalah menyeleksi tag input type image menggunakan 1 fungsi jquery.
:image selector mempunyai struktur sebagai berikut:
$(":image")
Oke langsung saja kita praktekkan teman-teman.
Seperti biasa, pertama-tama silahkan teman-teman terlebih dahulu mempersiapkan file index.html nya,
Kemudian isi di bagian <head> nya dengan library jquery nya,
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
Setelah itu, isi di bagian <body> tag-tag di bawah ini,
<body> <form action=""> Name: <input type="text" name="user"><br> Password: <input type="password" name="password"><br> Network: <input type="image" src="compatible_ie.gif" width="31" height="30"> </form> </body>
Dan yang terakhir silahkan isi di bagian <head> kembali script :image selector nya teman-teman,
<script>
$(document).ready(function(){
$(":image").css("background-color", "red");
});
</script>
Bagaimana teman-teman? cukup mudah bukan?
Sekian untuk tutorial kali ini tentang bagaimana Cara Memberikan CSS dengan :image Selector jQuery.
Semoga bermanfaat, terima kasih