Cara Memberikan CSS dengan :submit Selector

Terkadang kamu tersenyum, bukan karena ada hal yg menyenangkan hatimu, tapi karena kamu tahu bersedih takkan selesaikan masalah. Pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Memberikan CSS dengan :submit Selector.

Jika pada sebelumnya saya membuat tutorial tentang menyeleksi input type radio dan checkbox yang memakai metode wrap, maka sekarang saya akan memberitahukan Cara Memberikan CSS dengan :submit Selector. :submit selector fungsi nya untuk menyeleksi semua input type submit di satu website dengan menggunakan satu fungsi saja.

:submit selector mempunyai struktur sebagai berikut:

$(":submit")

Oke langsung saja, berikut contoh untuk :submit selector.

Seperti biasa, pertama silahkan teman-teman siapkan terlebih dahulu file index.html nya.

Kemudian, silahkan teman-teman isi di bagian <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 <body> nya tag-tag di bawah ini,

<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 di bagian <head> untuk script :submit selector,

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

Bagaimana teman-teman? cukup mudah bukan?

Sekian untuk tutorial kali ini tentang Cara Memberikan CSS dengan :submit Selector.

Semoga bermanfaat, terima kasih

Cara Memberikan CSS dengan :submit Selector

Kategori