Tutorial jQuery 7 : Selection dan Modifikasi Atribut

Tutorial selanjutnya adalah melakukan modifikasi atribut. Method yang akan kita bahas di tutorial ini adalah attr(), add(), remove() dan event mouseover dan mouseleave.  index.html

jquery_custom_code.js

style.css

Result Mari kita bahas satu-satu arti dari kode yang ada di jquery_custom_code.js

Untuk setiap paragraf yang mempunyai class ‘instruct_title’, untuk setiap div yang mempunyai id ‘closing_statement, dan h3, beri warna merah. Read more about Tutorial jQuery 7 : Selection dan Modifikasi Atribut[…]

Tutorial jQuery 6 : Keyword This dan Inline Styling

Di dalam jQuery kita dapat menambahkan CSS secara inline, maksudnya secara langsung di kode jQuerynya. Bisa dalam bentuk single key-value pair, atau dalam bentuk objek. Keyword this di dalam javascript dan jquery merupakan keyword yang sangat banyak dipakai. Keyword ini digunakan untuk menentukan elemen mana yang berinteraksi dengan user, dengan referensi ke elemen yang menjadi target sebelumnya. Read more about Tutorial jQuery 6 : Keyword This dan Inline Styling[…]

Tutorial jQuery 5 : Form Events & Variables

Pada tutorial ini, kita akan membuat form html yang berisi input-input. Ketika user menginputkan nilai ke dalam text field, maka nilai text field tersebut akan ditampilkan ke layar melalui method alert. Di form yang kedua, kita akan membuat ketika nilai zip code dimasukkan, maka otomatis akan muncul state dan city nya di text field yang Read more about Tutorial jQuery 5 : Form Events & Variables[…]

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[…]