jQuery
Tampilkan postingan dengan label jQuery. Tampilkan semua postingan
Tampilkan postingan dengan label jQuery. Tampilkan semua postingan

Penggunaan jQuery Event

20.07 Add Comment
Assalamualaikum Wr. Wb.

Hai sobat,postingan kali ini saya membahas tentang penggunaan jquery. Yuk simak
 

Apasih jQuery Event itu?
 

Pengertian:
Didalam javascript, Event adalah suatu hal yang bisa dilakukan user ke sebuah element HTML, misalnya di click,mouseover (cursor mouse berada diatas element), mouseout (cursor mouse sudah keluar dari atas element),dll.
Latar Belakang:
Perkembangan dunia informasi dan tekhnologi sangat cepat, termasuk dengan tekhnologi baru-baru ini dimunculkan yaitu jQuery.

Dalam pembuatan dan pengembangan web atau blog para web developer memerlukan pengetahuan tentang yang cukup mendalam tentang JQUERYoleh sebab itu besar harapan penulis agar makalah ini dapat digunakan para pemula dalam membangun sebuah web.
 
Alat dan Bahan:
  • Komputer/Laptop.
  • LAMPP.
  • Sublime Text.
Maksud dan Tujuan:
Untuk menambah wawasan ilmu pengetahuan bagi semua pembaca termasuk saya sendiri yang telah mencari infomasi perkembangan teknologi dan referensi mengenai teknologi tentang JQuery.

 Penjelasan:
Sebagai alternatif, jQuery menyediakan jQuery event dengan penulisan yang lebih praktis, berikut contohnya:
 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Belajar jQuery</title>
<script src="jquery-2.1.4.js"></script>
<script>
   $(document).ready(function() {
     $("#paragraf").click(function() {    
       alert('Saya sudah di klik!');
     });
   });
   </script>
</head>
<body>
<p id="paragraf">
   Silahkan klik saya
</p>
</body>
</html>
  
Perhatikan bagaimana jQuery memudahkan penulisan event ini, sangat sederhana. Format penulisannya adalah:
$("jQuery_Selector").jQuery_Event(function() { ...isi event disini...   })

 Selain event click, juga tersedia berbagai event lain, seperti dblclick, mouseenter, mouseover, mouseleave, dll.
Berikut contoh “aksi” dari berbagai event javascipt yang dibuat dengan jQuery:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Belajar jQuery Duniailkom</title>
<style>
#paragraf {
   width:600px;
   height:80px;
   background-color:yellow;
   line-height:80px;
   text-align:center;
   font-size:30px;
}
</style>
<script src="jquery-2.1.4.js"></script>
<script>
   $( document ).ready(function() {
  
     $( "#paragraf" ).click(function() {    
       $( "#paragraf" ).css( "color", "green" );
     });
  
     $( "#paragraf" ).mouseover(function() {    
       $( "#paragraf" ).css( "background-color", "silver" );
     });
  
     $( "#paragraf" ).mouseout(function() {    
       $( "#paragraf" ).css( "background-color", "pink" );
     });
  
     $( "#paragraf" ).dblclick(function() {    
       $( "#paragraf" ).css( "border", "solid 2px black" );
     });
  
   });
   </script>
</head>
<body>
<p id="paragraf">
   Belajar jQuery Event
</p>
</body>
</html>

 Dan ini hasil jadinya:

 Hasil dan Kesimpulan:
JQuery merupakan library javascript yang akan membuat aplikasi web yang kita buat jadi lebih menarik, baik dari sisi user interface, proses maupun interaktivitas.
Dengan menggunakan jQuery tentu kita telah menyederhanakan penggunaan javascript, karena kita cukup menggunakan fungsi dari library javascript yang ada, Mempercepat coding javascript dalam sebuah website.
Referensi:
http://www.duniailkom.com/tutorial-belajar-jquery-pengertian-jquery-event-dan-cara-penggunaannya/

Penutup:
Sekian postingan saya, semoga bermanfaat.

 Wassalamualaikum Wr. Wb. 




Pengertian jQuery

00.02 Add Comment
Assalamualikum Wr. Wb.

Hai sobat, "Semangat pagi". Pada postingan kali ini saya akan share tentang apasih  jQuery itu?. Yuk simak.

 

jQuery adalah sebuah library JavaScript. Dalam dunia pemrograman, library adalah kumpulan dari berbagai fungsi ‘siap pakai’ untuk memudahkan pembuatan sebuah aplikasi. Dengan demikian, jQuery adalah kumpulan fungsi-fungsi JavaScript yang memudahkan penulisan kode JavaScript.

jQuery dikembangkan pertama kali oleh John Resig di tahun 2006. Sejak saat itu, jQuery berkembang menjadi proyek opensource dan menjadi libary JavaScript paling populer di dunia. Situs resmi jQuery beralamat di jquery.com.

Mengapa harus menggunakan jQuery?

Untuk dapat menjawab pertanyaan ini sebaiknya anda sudah pernah membuat 1 atau 2 kode program JavaScript. JavaScript sangat powerfull untuk memanipulasi element HTML, tapi penggunaannya juga tidak mudah dan ‘sedikit ribet’. Sebagai contoh, untuk mencari sebuah element HTML, dengan JavaScript kita menggunakan fungsi getElementById():

var x = document.getElementById("tombol");
 
Dengan jQuery, penulisannya jauh lebih singkat:

var x = $("#tombol");
 
Selain itu (sebagaimana CSS) terdapat beberapa perbedaan implementasi JavaScript dari 1 web browser dengan web browser lain. Kode JavaScript yang berjalan mulus di Mozilla Firefox, belum tentu bisa berjalan di Internet Explorer, begitu juga sebaliknya. Hal ini diperparah dengan perbedaan versi dari masing-masing web browser.

Untuk mengatasi hal ini, jQuery memiliki fungsi bawaan yang mendeteksi web browser dan menyediakan fungsi pengganti. Dengan demikian, kita tidak perlu pusing memikirkan perbedaan implementasi JavaScript dari setiap web browser.
Fungsi JavaScript lanjutan seperti AJAX (Asynchronous JavaScript and XML), juga disederhanakan oleh jQuery. Untuk menggunakan AJAX, kita hanya butuh beberapa baris perintah .

Fitur lain dari jQuery (dan mungkin menjadi alasan paling penting), jQuery menyediakan berbagai efek animasi menarik. Beberapa diantaranya sangat mudah digunakan dan hanya membutuhkan 1 atau 2 baris kode program. Khusus untuk membuat efek animasi ini, jQuery juga memiliki jQuery UI yang fokus ke animasi dan interaksi user.

jQuery juga memiliki berbagai plugin atau kode tambahan untuk fungsi-fungsi lanjutan, seperti membuat efek slideshow, image carousel, hingga jQuery mobile. Efek-efek seperti ini dibuat berdasarkan kode dasar jQuery.

Referensi:
http://www.duniailkom.com/tutorial-belajar-jquery-pengertian-jquery/

Sekian pengertian tentang jQuery, semoga bermanfaat.

Wassalamualaikum Wr. Wb


 

Langganan: Postingan (Atom)