Jquery tutorial pdf free download ebook
Adapun elemen-elemen dasar yang dapat dipilih oleh selector adalah sebagai berikut : 1. Nama Tag 2. Class Untuk mengetahui bagaimana cara selector dalam memilih elemen-elemen tersebut, akan disajika beberapa contoh sederhana pada bagian berikutnya. Selector Tag Cara menggunakan selector tag adalah dengan langsung menyebut nama tag elemennya.
Selector Id Cara menggunakan Selector id adalah dengan menyertakan tanda kres sebelum nama elemennya. Selector Class Cara menggunakan Selector class ini adalah dengan menyertakan tanda titik. Latihan-latihan berikut untuk menjelaskan teori diatas.
Latihan1 1. Event Click Event click dijalankan setelah terjadi klik pada suatu elemen yang telah ditentukan. Untuk lebih jelasnya, perhatikan skrip sederhana berikut ini : 1. Event dblclick Event dblclick akan dijalankan setelah terjadi klik 2x pada suatu elemen yang telah ditentukan. Event mouseover Event mouseover akan dijalankan ketika kursor mouse melewati elemen yang ditentukan. Event mouseleave Event mouseleave akan dijalankan ketika kursor mouse meninggalkan elemen yang ditentukan.
Untuk lebih jelasnya penggunaan event mouseover dan mouseleave, perhatikan skrip berikut ini : 1. Ada 3jenis efek fade, yaitu fadeln,fadeOut,danfadeTo. Untuk lebih jelasnya, lihat contoh sederhana pada skrip berikut; 1. Coba klik tombol fade out, maka kotak akan menghilang, kemudian coba klik tombol fade in untuk menampilkan kotak kembali. Dan terakhir coba klik tombol fade to 0. Untuk lebih jelasnya, simak skrip berikut: Sekarang coba jalankan skrip diatas maka akan tampil sebuah kotak berwarna kuning terang dengan teks berwarna hitam dan pada waktu 3detik kotak dan teks akan menghilang secara perlahan-lahan.
Untuk lebih jelasnya, lihat contoh pada skrip berikut: 1. Contohnya dapat dilihat pada skrip berikut : 1. Coba klik tombol Jalankan, maka kota akan bergerak dari ke kanan, kemudian membesar dan bergerak atas lalu ke kanan, lalu mengecil lagi ke ukuran semula dan terakhir bergerak ke bawah menuju posisi semula sambil melakukan efek slide.
Karena sampai-sampai dijadikan satu manual dengan manual jQuery di website resminya. Instalasi jQuery UI 1. Filenya masih berbentuk kompresi jquery-ui Untuk mencobanya, silahkan klik versi demonya yang ada di folder jquery-ui- 1. Silahkan dicoba beberapa demo library jQuery UI lainnya, seperti draggable, accordion, progressbar, Dialog, Effect, dan lain-lain.
Keren kan??? Sekarang pertanyaannya, bagaimana menerapkan library jQuery UI pada website kita? Ikuti aja pembahasan berikutnya. Oke langsung saja kita jelajahi fiturnya. Caranya cukup mudah, kita tinggal panggil library penanggalan bahasa indonesia yang sudah disediakan oleh jquery UI, yaitu ui.
Untuk lebih jelasnya, lihat skrip berikut perhatikan teks yang ditebalkan : Datepicker2. Untuk lebih jelasnya, lihat skrip berikut perhatikan teks yang ditebalkan : 1. Caranya, gunakan fungsi changeMonth dan changeYear dari datepicker.
Untuk lebih jelasny, lihat skrip berikut perhatikan teks yang ditebalkan 1. Caranya, gunakan fungsi showOn dan buttonText dari datepicker. Untuk lebih jelasnya, lihat skrip berikut perhatikan teks yang ditebalkan Skrip datepicker5.
Biasanya, tombol akan lebih menarik kalau berbentuk gambar, dengan kata lain gambar dijadikan sebuah tombol. Oleh karena itu, mari kita coba mengganti tombol standar menjadi tombol dalam bentuk gambar. Pertama, siapkan dulu gambar yang akan dijadikan tombolm tapi untuk lebih tepatnya, gunakan saja tombol gambar yang sudah disediakan jquery-ui, yaitu calendar. Untuk lebih jelasnya, lihat skrip berikut ini perhatikan teks tebal 1.
Mengganti Themes Datepicker Selanjutnya, kita akan berkreasi lagi dengan datepicker, kali ini kita akan mencoba mengganti themes standar dari datepicker. Cara mengganti themes sangatlah mudah, kita cukup mengganti nama foldernya saja pada bagian pemanggilan file CSS ui. Untuk menrapkan efek drop pada datepicker, kita membutuhkan dua buah file yaitu effect.
Kemudian kita juga perlu fungsi showAnim dan showOptions dari datepicker. Perhatikan skrip dibawah ini: Skrip datepicker8. Accordion berfungsi untuk mengelompokkan content dalam panel-panel yang terpisah, dimana pengunjung dapat membuka dan menutup panel-panel yang diinginkan. Disamping itu, accordion juga bisa untuk mengelompokkan menu-menu yang sejenis. Accordion Standar Latihan pertama, kita akan coba yang paling sederhana, yaitu accordion standart.
Its purpose is to instill in you, the reader, practices that jQuery developers take as common knowledge. Each chapter contains concepts essential to becoming a seasoned jQuery developer. This book is intended for two types of readers. The first is someone who has read introductory material on jQuery and is looking for the next logical step. The second type of reader is a JavaScript developer, already versed in another library, now trying to quickly learn jQuery. I crafted this book to be used as my own personal reference point for jQuery concepts.
This is exactly the type of book I wish every JavaScript library had available. Looking for something specific? Try our title or author search. We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Last updated on: April 7, Contact Us.
0コメント