tutorial jquery

Tutorial jQuery 4 : Fungsi text(), val(), dan html()

Fungsi text(), val(), dan html() merupakan tiga fungsi yang berguna pada jQuery untuk melakukan modifikasi pada tulisan di elemen HTML. Fungsi text() Fungsi text() digunakan untuk mengganti tulisan yang berada di elemen html seperti di heading atau di paragraf. Contoh ketika tombol Replace ditekan, maka tulisan heading akan berubah. index.html

insert.js

style.css

Read more about Tutorial jQuery 4 : Fungsi text(), val(), dan html()[…]

Tutorial JQuery 3 : Events dan Effects

Secara umum, prinsip jQuery adalah menargetkan elemen HTML dan memodifikasi elemen tersebut. Event yaitu ketika user melakukan sesuatu dengan elemen html, effect adalah modifikasi yang dilakukan terhadap elemen tersebut. Contoh event : click, dblclick, mouseenter, mouseleave Contoh effects : show(), hide(), toggle(), slideDown(), slideUp(), fadeIn(), fadeOut(), fadeTo(), slideToggle(), fadeToggle(). Salah satu referensi lengkapnya ada di w3schools.com : Read more about Tutorial JQuery 3 : Events dan Effects[…]

tutorial jquery

Tutorial jQuery 2 : Menambahkan CSS Class

Pada sintaks jQuery juga dapat ditambahkan method addClass(), removeClass() dan toggleClass().  Langkah 1 : Menghubungkan file html dengan CSS Hubungkan file html dengan css menggunakan

Buat folder css dan isikan dengan style.css, isinya adalah memberikan class colorful dan timestwo. Class colorful akan membuat tulisan menjadi berwarna pink , timestwo akan membuat tulisan besarnya dua kali lipat.

Read more about Tutorial jQuery 2 : Menambahkan CSS Class[…]

tutorial jquery

Tutorial jQuery 1 : jQuery Basic

JQuery merupakan library Javascript yang populer saat ini. Dengan jQuery, kita dapat melakukan hal yang sama dengan javascript namun dengan baris kode yang lebih sedikit sesuai dengan slogannya Write Less Do More, dan lebih mudah dipelajari. Mengapa menggunakan jQuery? Kita menggunakan jQuery beberapa alasannya adalah untuk mencari elemen di dalam dokumen HTML, mengganti HTML di Read more about Tutorial jQuery 1 : jQuery Basic[…]