ANA SAYFA
  • Register
поздравления с новорожденным

JQuery Başlangıç

Öncelikle jQuery kodlarımızı test edebilmemiz için bir html doküman üretelim :

  1. <html> 
  2. <head> 
  3. <script type="text/javascript" src="path/to/jquery.js"></script> 
  4. <script type="text/javascript"> 
  5. // Kodlarımızın geleceği alan </script> 
  6. </head> 
  7. <body> 
  8. <a href="http://jqueryturk.com/">jQueryTurk</a> 
  9. </body> 
  10. </html> 

<html>

<head>

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

<script type="text/javascript">

// Kodlarımızın geleceği alan </script>

</head>

<body>

<a href="http://jqueryturk.com/">jQueryTurk</a>

</body>

</html>

  • path/to/ : jQuery dosylarının nerede olduğunu belirten kısımdır. İndirdiğiniz js dosylarının bulunduğu alanı burada belirtmelisiniz.
  • Kodlarımızın geleceği alan : Özel durumlar hariç kodlarımızı yazacağımız alandır.

 

  1. $(document).ready(function(){}); 

$(document).ready(function(){});

Yukarıda verilen kod bloğu kaba tabirle kandır, candır $(document).ready(callbakFunction) bize kodlarımızın sayfa yüklenmesi tamamlandığında çalışacağını garanti eder. Bu da bir çok sorunun üstesinden otomatik olarak gelmenizi sağlar.

Örnek :

 

  1. $(document).ready(function(){ 
  2. $("a").click(function(event){ 
  3. alert("Merhaba"); 
  4. }); 
  5. }); 

$(document).ready(function(){

$("a").click(function(event){

alert("Merhaba");

});

});

Yukarıdaki kod sayfanızdaki tüm a taglerine click olayı ekler ve javascript alert vermelerini sağlar.

Kaynak : JQueryTurk

Ziyaretciler

0162817
Bugün
Dün
Bu Hafta
Hafta
Bu Ay
Ay
Toplam
112
254
592
134797
2470
3422
162817

IPniz: 54.144.57.183
Server Time: 2017-11-24 16:30:52