Pada tutorial kali ini anda akan belajar bagaimana cara membuat selector khusus button dengan menggunakan jquery.

halo semuanya kembali lagi pada artikel tutorial dumet school , kali ini saya masih membahas tentang jquery,  yaitu cara membuat selector khusus button dengan menggunakan jquery.

 

Untuk selector buuton pada jquery sebenarnya sangat amat mudah kita hanya perlu menambahkan “:” lalu nama input type nya, untuk sekarang kita menggunakan <input type=”button”>.

 

oke setelah mengerti langsung saja kita lihat implementasinya agar lebih mengerti dan paham

silahkan salin code di bawah ini :

<html>
<head>
  <title></title>
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

   <style>
      .tombol{background: DeepPink}
   </style>
</head>
<body>
    <form>
        <input type="text">
        <input type="button" value="Button">
    </form>

    <script>
    
     
      $(":button").addClass("tombol");


  </script>
</body>
</html>

setelah di salin silahkan jalankan pada browser masing-masing dan lihat hasilnya :

cara membuat selector khusus button dengan menggunakan jquery

 

oke kira-kira seperti itulah tentang bagaimana cara membuat selector khusus button dengan menggunakan jquery. Untuk kali ini sampai disini dulu dan sampai bertemu pada artikel selanjutnya.

 

Terimakasih.