Belajar jQuery

img jQuery

Selamat Siang [13.18] semua, nah saya baru saja belajar sedikit sedikit tentang jQuery nih, pada kesempatan kali ini saya aka sedikit sharing ilmu yang baru saja saya dapatkan ☺, nah langsung saja ke topik permasalahan, jQuery merupakan javascript library,dan biasanya jQuery disemboyankan dengan "write less, do more" mengapa demikian? memang script yang kita tuliskan memang sedikit, namun sesuatu yang dihasilkan sangant waahhhh, koq bisa? karena memang sudah ada pihak yang menyediakan fungsi fungsi javascript yang dikemas dalam bentuk jQuery [ http://jquery.com/ ]. librarynya juga disediakan untuk didownload secara gratis. langsung saja saya akan memberi sedikit contoh scriptnya

<script src="//code.jquery.com/jquery-1.8.0.min.js"></script>
<script>$(document).ready(function(){
	$("#show").click(function(){
		$("#s").show(600); });
	$("#hide").click(function(){
		$("#s").hide(600); });});
</script>

<div id="show">Tampil</div>
<div id="hide">Sembunyi</div>
<div id="s" style=" display:none; color:#FF0000">ini adalah sesuatu yang telah ditampilkan..</div>

dan ketika kode diatas, di aplikasikan maka hasilnya adalah seperti ini :

»Tampil

»Sembunyi

ini adalah sesuatu yang telah ditampilkan..

Dari script diatas, dapat dijelaskan bahwa, ketika kita klik id sengan nama show, maka akan menampilkan id dengan nama s, begitu juga ketika kita klik id dengan nama hide maka akan menyembunyikan id dengan nama s.

Nah itu sedikit tentang jQuery, untuk lebih jauh, akan ada di postingan selanjutnya..terima kasih. ☺