• ≡ Menu
  • Contact
  • Sitemap
  • Advertise
  • Submenu
    • Submenu 1
    • Submenu 2
    • Submenu 3
    • Submenu 4
    • Submenu 5
  • Submenu
    • Submenu 1
    • Submenu 2
    • Submenu 3
    • Submenu 4
    • Submenu 5
  • Submenu
    • Submenu 1
    • Submenu 2
    • Submenu 3
    • Submenu 4
    • Submenu 5

Blog Portal Inspirasi Mstudio Digital Indonesia

M STUDIO Make Things Simple Agency, Your Best Solution

Menu
  • Home
  • Dropmenu
    • Dropmenu 1
    • Dropmenu 2
    • Dropmenu 3
    • Dropmenu 4
    • Dropmenu 5
  • Button
  • Dropmenu
    • Dropmenu 1
    • Dropmenu 2
    • Dropmenu 3
    • Dropmenu 4
    • Dropmenu 5
  • Error
  • Surprise Me
Internet WEBSITE dan HOSTING Pengenalan JQuery Pada website Anda

Pengenalan JQuery Pada website Anda

Setelah menjamurnya konsep blogazine pada blog, jQuery sekarang telah menjadi bahan wajib bagi web desainer maupun blogger. Sebenarnya apa itu jQuery?
jQuery adalah library javascript, jQuery berisi kumpulan kode-kode/fungsi-fungsi yang siap pakai sehingga mempermudah dan mempercepat waktu kita dalam menuliskan kode javascript, karena kita hanya memanggil fungsi-fungsi yang kita butuhkan yang tentu saja sudah ada dalam jQuery tersebut, serta tidak perlu lagi menyusun kode javascript dari nol.Tentunya ini sesuai dengan slogan jQuery itu sendiri, yakni "Write less, do more".

Menurut pengalaman saya dan teman-teman lainnya, jQuery sangatlah ringan sehingga dengan menggunakan jQuery tidak akan membuat halaman web kita menjadi lambat untuk di load, dengan porsi yang tidak berlebihan, tentunya. Sebelum mempelajari jQuery, ada baiknya Anda sudah menguasai dasar-dasar HTML, CSS serta JavaScript. Untuk dapat menggunakan library ini, Anda dapat mendownload jQuery dari situs resminya yaitu www.jquery.com lalu menaruhnya pada direktori tempat Anda menyimpan file halaman web, dan jangan lupa pula untuk memanggil file jQuery di setap halaman web diantara tag <head></head> Anda dengan cara:

<script type="text/javascript" src="jquery.js"></script>

Tulisan yang berwarna merah menandakan nama file, nama file tersebut harus di sesuaikan dengan nama file jQuery yang telah kita download. Untuk lebih lanjut mengenai tutorial dasar desain web dengan jQuery akan dibahas pada tutorial berikutnya.

|==============|
Sintaks pada jQuery |
|==============|
Penting!
sama seperti PHP, untuk mempraktikkan tutorial ini anda harus mempunyai Localhost dengan caramengubah komputer / laptop anda menjadi Server terlebih dahulu dan meletakkan file jquery di dalam localhost.

jQuery --sama seperti halnya library lainnya-- juga memiliki sintaks, biasanya sintaks yang dipakai adalah untuk memilih elemen-elemen HTML lalu melakukan suatu aksi terhadap elemen tersebut atau elemen lain. Ini mirip dengan gaya bahasa visual basic yang pada visual basic diistilahkan dengan konsep 'even driven' dimana suatu reaksi terjadi jika suatu aksi tertentu dilakukan.

Analoginya begini, misal: kita menuangkan sirup strawberry kedalam gelas yang berisi air putih, maka air putih tersebut akan berubah warna dari putih (bening) menjadi merah. Nah, Yang kita lakukan yakni menuangkan sirup adalah aksi, sedangkan peristiwa berubahnya warna pada gelas dinamakan reaksi.

Sintaks pada jQuery adalah sebagai berikut: $(selector).action()
Penjelasan!
$ biasa saya sebut dengan "cash", digunakan untuk mendefinisikan jQuery
selector) digunakan untuk menunjukkan elemen yang dipilih atau dituju
action() adalah aksi yang akan dilakukan terhadap elemen yang telah di seleksi atau dipilih.

agar lebih jelas saya beri contoh sebagai berikut:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Web Design | ilmugrafis.com</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
});
})
</script>
</head>
<body>
<p>Tulisan ini akan bereaksi</p>
<button>Klik tombol ini</button>
</body>
</html>
<script type="text/javascript" src="jquery.js"></script>

Penjelasan!
Seperti yang telah dijelaskan pada tutorial sebelumnya baris ini digunakan untuk memanggil file jquery.js.
$(document).ready(function(){
Ini dimaksudkan kode javascript yang ada pada baris dibawahnya berjalan pada saat halaman web di load.

$("button").click(function(){
$("p").hide(1000);
});

Baris diatas bermakna: ketika elemen “button” di klik oleh pengguna, maka elemen “p” (paragraph) disembunyikan dengan kecepatan selama 1000 mili detik.

PENGENALAN JQUERY PADA WEBSITE ANDA

Hasilnya:

kok cuma gambar, tenang karena ilmugrafisTeam telah menyiapkan Tester JQuery script di atas tersebut disini klik Test JQuery agar kalian bisa mengetahui maksud dari elemen “p” (paragraph) disembunyikan :)

Coba Anda ubah sendiri kode diatas, misalnya dengan mengganti angka 1000 menjadi 2000, mengubah selector dari “button” menjadi “p” atau sebaliknya, dan lain-lain. Selamat bereksplorasi. Sampai disini dulu pengenalan JQuery

Penulis : 
 Info dan Kontak Penulis
Miftah Afina , ilmugrafis.com
Add Comment
Internet, WEBSITE dan HOSTING
  • Tweet
  • Share
  • Share
  • Share
  • Share

About Admin

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Posts

Comments
0 Comments

Weekly Posts

  • Cara mengatasi was unable to start correctly (0xc0000005) di Windows
    Cara mengatasi was unable to start correctly (0xc0000005) di Windows
    Advertisement :      Berikut adalah Cara mengatasi  was unable to start correctly (0xc0000005) di Windows Apaka...
  • Ford Everest Akan Hadir Lebih Elegan, Modern
    Ford Everest akan semakin tangguh (Sumber Foto: Istimewa) Ford Everest Akan Hadir Lebih Elegan, Modern dan Tangguh Ford Everes...
  • Buat Website Gratis hanya dalam 5 Menit
    Website Builder , Buat Website dalam 5 Menit Saja.... Cukup Mudah dan Cepat Hanya butuh 5 menit ??? Iya Hanya dalam waktu 5 Menit saja  ...
  • Convert Text Online lower case To UPPER CASE - GRATIS
  • Apakah Domain Anda sekarang sudah Expired ??
    Kemarin saya di tanya sama teman saya ,  mengenai status domain yang dia sewa ( bahasa keren orang2 di beli , beli domain ) Hehehe dan...
  • MENGAPA UKM MEMBUTUHKAN WEBSITE
    Beberapa rekan-rekan pengusaha kecil dan menengah bertanya kepada kami, mengapa UKM butuh website? Bukankah hanya perusahaan besar saja ...
  • 5 Alasan Wanita Lebih Pilih Ke Salon Daripada Perawatan di Rumah
    Salon memang identik dengan wanita dan kedengarannya grooming banget. Memang kebanyakan wanita akan datang ke salon ketika mereka butuh pe...
  • Web Hosting Gratis Indonesia Terbaik & Gratis Domain Saat ini
    Hosting Gratis Indonesia Mungkin di antara kalian sudah tidak asing lagi mendengar nama IDHostinger terutama yang mempunyai blo...
  • Tips Tingkatkan Keamanan Halaman Login Admin Wordpress
    Beberapa pengguna Wordpress tentu pernah mengalami website mereka di hack. Ya, ada banyak faktor keamanan yang membuat wordpress anda dapat ...
  • 3 Tips Sukses, Etika Berjualan Produk atau Layanan di Internet
    1. RAMAH & SOPAN ,  Sikap ini mungkin tidak dimiliki oleh semua orang dengan kata lain type atau karakter / watak manusia ber ane...

Label

  • Android
  • Blackberry
  • CorelDRAW
  • Gantungan kunci surabaya
  • Google play
  • Internet
  • LifeStyle
  • Other
  • Otomotif
  • Photoshop Tutorial
  • Tips & Trik
  • Tutorial Design
  • WEBSITE dan HOSTING

Visitor

Sparkline

Subscribe Box

Contact

Name

Email *

Message *

Copyright Blog Portal Inspirasi Mstudio Digital Indonesia 2014-2015
Created by Arlina Design