Dimensi TutupBotol: JQuery

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

Dimensi TutupBotol

Sunday, November 27, 2016

3.15 jQuery-challenge - Relative Traversing III

3.14 jQuery-challenge - Relative Traversing II

3.13 jQuery-challenge - Relative Traversing I

3.12 jQuery-challenge - Removing the Clicked Button

3.10 jQuery-challenge - On Page Load

3.9 jQuery-challenge - Acting on Click

3.8 jQuery-challenge - Click Interaction

3.6 jQuery-challenge - Removing from the DOM II

3.5 jQuery-challenge - Adding to the DOM II

3.4 jQuery-challenge - Adding to the DOM I

3.3 jQuery-challenge - Creating a DOM Node

2.14 jQuery-challenge - Traversing Down

2.13 jQuery-challenge - Traversing Up

2.12 jQuery-cheallenge - using prev()

2.11 jQuery-challenge - using last()

2.10 jQuery-challenge - using first()

2.9 jquery-challenge - using find

Monday, September 12, 2016

Maen JQeury - Setting Up Envi

Tuesday, August 2, 2016

Iseng Post JQuery.. :D

me....!