Memanipulasi Kode CSS Dengan JQuery

Dalam tutorial ini akan membahas sebuah cara untuk memanipulasi kode css dengan JQuery.

Tidak hanya dapat memanipulasi elemen HTML yang ada pada halaman website, namun JQuery juga dapat merubah style yang telah diterapkan sebelumnya kepada elemen HTML dengan style yang baru. Seperti merubah ukuran tulisan, atau merubah wana tulisan.

Method yang dapat digunakan untuk merubah style elemen tersebut adalah method .css(). Method .css() dapat digunakan untuk mendapatkan nilai property yang sedang di terapkan pada elemen tertentu, dan juga dapat digunakan untuk mensetting nilai property terhadap elemen tertentu. Berikut contohnya :

Mendapatkan nilai property dari elemen :

Untuk mendapatkan nilai property dari elemen tertentu, anda hanya perlu mendefinisikan parameter pertamanya saja, yakni .css(‘property’).

Output :

memanipulasi kode css dengan jquery

Live Preview :

See the Pen
Memanipulasi kode css dengan JQuery
by Lautankode (@lautankode)
on CodePen.


Memberikan nilai property pada elemen

Sedangkan untuk mensetting nilai property pada elemen tertentu, maka kita harus menambahkan nilai paremeter kedua pada method ini, yakni nilai propertynya :

Source code :

Output :

merubah style elemen dengan jquery

Live Preview :

See the Pen
Fungsi method css pada jquery
by Lautankode (@lautankode)
on CodePen.


Demikian tutorial dari Memanipulasi Kode CSS Dengan JQuery.

Leave a comment

Your email address will not be published. Required fields are marked *

× Contact Us