Cara Memberikan CSS dengan :input Selector jQuery

Suka bisa menjadi duka, kekaguman jadi kekecewaan. Tetapi cinta tetap menjadi cinta seberapapun duka dan kekecewaan yang dirasa. Kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Memberikan CSS dengan :input Selector jQuery.

Yang dimaksud :input selector ini adalah menyeleksi semua type tag pada tag input di dalam web browser kita. Jadi kita hanya memakai 1 fungsi selector ini untuk memberikan style CSS pada semua tag input pada browser kita. Langsung saja, berikut Cara Memberikan CSS dengan :input Selector jQuery.

:input selector mempunyai struktur sebagai berikut:

$(":input")

Pertama-tama, seperti biasa silahkan siapkan file index.html nya.

Kemudian, isi di tag <head> library jquery nya,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

Setelah itu isi di bagian tag <body> tag-tag berikut,

<body>

<form action="">
  Name: <input type="text" name="user"><br>
  Password: <input type="password" name="password"><br>
  <input type="reset" value="Reset">
  <input type="submit" value="Submit"><br>
</form>

</body>

Dan yang terakhir silahkan isi script :input selector pada tag <head>,

<script>
$(document).ready(function(){
    $(":input").css("background-color", "red");
});
</script>

Bagaimana teman-teman? cukup mudah bukan?

Sekian untuk tutorial kali ini tentang bagaimana Cara Memberikan CSS dengan :input Selector jQuery.

Semoga bermanfaat, terima kasih

Cara Memberikan CSS dengan :input Selector jQuery

Kategori