Pada kesempatan kali ini saya akan menjelaskan cara memberikan style pada element html otomatis dari jquery. Perlu teman-teman ketahui sebelumnya, pada contoh yang saya berikan dari penjelasan disini adalah menambahkan property css untuk element html langsung melalui jquery. Mungkin kebanyakan dari teman-teman sudah mengetahuinya, dimana ketika ingin menambahkan banyak property kesuatu element html bisa menggunakan method jquery .css() yang dimana dari method tersebut memang dikhususkan untuk memanipulasi property suatu element, salah satunya seperti menambah property pada suatu element.

Namun bagi teman-teman yang baru memulai belajar jquery, dari penjelasan yang saya berikan disini bisa menambah pengalaman kalian dalam penggunaan method-method jquery berdasarkan fungsinya, meskipun disamping ini masih banyak nama-nama method jquery beserta dengan fungsinya masing-masing yang perlu teman-teman ketahui.

Pada contoh kasus yang akan saya buat disini adalah dimana saya memiliki element list html, dan dari element tersebut nantinya akan saya tambahkan property list-style-type, list-style-position, color dan font-weight menggunakan method .css() tersebut. Langsung saja untuk membuatnya kalian bisa ikuti tahapan yang saya berikan dibawah ini.

Berikut Tahapannya :

  • Terlebih dahulu teman-teman buat satu buah file dengan nama index.html
  • Jika sudah selanjutnya ketikan kode seperti berikut :

  • Jika sudah simpan terlebih dahulu file index.html tersebut dan lihat hasilnya dibrowser.

Sampai disini penjelasan saya mengenai cara memberikan style pada element html otomatis dari jquery, semoga bermanfaat.