Cara Memberikan CSS dengan :text Selector jQuery

Jangan pernah berjanji jika memang sulit tuk menepati. Karena sekecil apapun janji, tetaplah janji yg harus ditepati. Pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Memberikan CSS dengan :text Selector jQuery.

:text selector ini fungsi nya untuk menyeleksi bagian tag html input yang type nya text saja. Jadi kita bisa memakai :text selector ini jika kita ingin memberikan style CSS pada semua input type text di browser kita dengan satu panggilan saja. Oke langsung saja, saya contohkan Cara Memberikan CSS dengan :text Selector jQuery.

Untuk :text selector ini mempunyai struktur sebagai berikut:

$(":text")

Oke teman-teman, pertama-tama siapkan file index.html kalian.

Kemudian isikan di tag <head> library jquery nya,

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

Lalu isi di bagian tag <body> 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 isi script :text selector nya,

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

Bagaimana teman-teman? Cukup mudah bukan?

Oke sekian untuk tutorial kali ini tentang bagaimana Cara Memberikan CSS dengan :text Selector jQuery.

Semoga bermanfaat, terima kasih

Cara Memberikan CSS dengan :text Selector jQuery

Kategori