Monday, September 12, 2016

Maen JQeury - Setting Up Envi

Mmmm... Karena g' tau mau nulis apa, jadi bikin ginian ajjah.. xD...Daan semoga tulisan JQuery ini tetep dilanjutin dimasa mendatang... :)
So pertama-tama kita setting environment buat jquerynya. Librarynya bisa diakses online atau bisa jg didownload dl, terus baru diimport ke kode kita. List versi JQuery terbaru dapat dilihat disitu google :
https://developers.google.com/speed/libraries/#jquery

Jadi terbaru saat ini itu adalah JQuery 3.1.0. Terus klu mau diimport online bisa lngsung masukin yg ini : <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

Terus JQuery jg bisa dilihat lngsung di web resminya
http://jquery.com/download/

Okiee... Klu kita mo pake yg library online, contohnya seperti ini :
<html>
   <head>
      <title>Hisoka JQuery</title>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

      <script type = "text/javascript">
         $(document).ready(function(){document.write("Hello Hyosoka Poipo !");});
      </script>

   </head>

   <body>
      <h1>Hello</h1>
   </body>

</html>


Terus klu yang offline, download dl library jquery 3.1.0-nya, terus taro di directory jquery atau yang sama dengan file html atau php {terserah} :

Terus kita import kyk gini :

Naaah... sama ajjah... Teruuuus..... mmmm... apa lagi yaaak... :v

Oooowh... Klu disini, jquery itu ada didalam file htmlnya, klu kita pengen misain, caranya bikin file baru yang extensinya js, terus masukin kode ini :

Terus di file htmlnya :
Daaan... Hasilnya tetep sama... :)

Sip sip... kyk gini ajjah.. :D


Kodenya bisa dilihat di sini :
https://github.com/HyosokaPoipo/LearnJQueryW7

No comments:

Post a Comment