Zingocan | jQuery, CSS, Wordpress Dersleri » Fonksiyon

jQuery hover ve chlidren Metodu – Video Ders

admin — Wed, 17 Mar 2010 12:03:31 +0000

Dünkü dersimizde jQuery‘de hover metodunu kullanarak resmimizin şeffaflık ayarlarının, mouse hareketi ile değişmesini sağladık.

Bugün bizden istek derste bulunan ahmet eren arkadaşımız; Resimlerin üzerine gelindiğinde yeni bir resim oluşturabilmemiz için ne yapmamız gerekiyor dedi.. Dersimizde kısaca bunu anlattım.

Ders içeriğinden notlar…

jQuery

$(function() {
 $('.wrap').hover(function() {
 $(this).children('.front').stop().animate({ &amp;quot;top&amp;quot; : '300px'}, 700);
 }, function() {
 $(this).children('.front').stop().animate({ &amp;quot;top&amp;quot; : '0'}, 400);
 });
 });

Yukaruda belirttiğimiz jQuery kodlarımızda, .wrap adlı nesnelerin hover metoduyla (yani mouse pozisyonu) yeni bir fonksiyon oluşsun istedik.. Bu fonksiyonumuzda ilk defa karşılaştığımız bir kod olan clihdren ‘ ı çağırdık. chlidren kalıbı ile devam eden bir animasyon oluşturduk, animasyonumuz belirlediğimiz resimi 300px aşağı indirdi, daha sonra fonksiyon biterken aynı yerini aldı

CSS

#container {
width: 850px;
text-align: center;
margin: auto;
}

.wrap {
width: 250px;
height: 140px;
position: relative;
overflow: hidden;
float: left;
padding: 0 1em;
}

img {
position: absolute;
top: 0; left: 0;
}

CSS bölümümüzde bir kaç koddan bahsedeceğim.

overflow: hidden; ile animasyon atadığımız resmin kaybolmasını istedik..

float: left; ile resimlerin sağa dayalı durmasını sağladık

padding: 0 1em; ile resimler arasındaki boşluğu belirledik

————–

Ahmet kardeşim, yararlı olabildiysek ne mutlu.. Bir daha ki derste görüşmek üzere..

Diğer Video Dersleri

Ders 1- jQuery Başlangıç

Ders 2 -Fade, Slide hide -show Me todları

Ders 3 -Animate Metodu

Ders 4 – Varyasyon Oluşturma

Ders 5 - toggle ve toggleClass Metodları

Ders 6 - jQuery Slidedown Metodu Kullanımı

Ders 7 - jQuery Dersleri: hover() Metodu

Ders 8 - jQuery hover ve chlidren Metodu

Ders 9 – Chaniable – Animate Metodu ile Nesne Hareketlendirme

jQuery Dersleri: hover() Metodu

admin — Tue, 16 Mar 2010 13:53:59 +0000

Zingocan.com Bloğumuzun logosunda olduğu gibi, yukarıda verdiğim resimde, jquery – hover() metodundan bahsedeceğim. Hover metodu nesnelere mouse pozisyonu ile fonksiyon atama işlevidir. Daha önce oluşturduğumuz animate tekniğini bu dersimizde tekrar işleyeceğiz. jQuery derslerimizin 6. dersi olan Hover metodunda;

Alternatif Video;

Video Dersimizin içeriğinden biraz bahsedecek olursak;

jQuery

Html kod satırlarımızda 5 adet resim gösterdik. Bu resimlere animate ve hover metodlarıyla nasıl bir yumuşaklık değeri katacağımızı öğrettim..Aşağıda bulunan javascript kodlarıyla bu işlemleri gerçekleştirdik.

$(function() {
 $('#foto img').animate({
 &quot;opacity&quot;: .5
 });
 $('#foto img').hover(function() {
 $(this).stop().animate({ &quot;opacity&quot;: 1 });
 }, function() {
 $(this).stop().animate({
 &quot;opacity&quot;: .5
 });
 });
 });


$('#foto img').animate({ &quot;opacity&quot;: .5  });

Değerini kullanarak, foto katmanındaki img nesnelerine opacity ayarlarını 0.5 (ya da .5 olarak) şeffaf bir görünüm verdik.


$('#foto img').hover(function() {
$(this).stop().animate({  &quot;opacity&quot;: 1 });

kodlarıyla, hover metodunu kullanarak , mouse ile herhangi bir resmin üzerine gelindiğinde; opacity ayarlarının 1 e çıkmasını istedik.Ve son olarak

$(this).stop().animate({ &quot;opacity&quot;: .5  });

kod satırı ile fonksiyon tamamlandıktan sonra tekrar 0.5 opacity ayarlarına geri gönderdik.

Diğer Video Dersleri

Ders 1- jQuery Başlangıç

Ders 2 -Fade, Slide hide -show Me todları

Ders 3 -Animate Metodu

Ders 4 – Varyasyon Oluşturma

Ders 5 - toggle ve toggleClass Metodları

Ders 6 - jQuery Slidedown Metodu Kullanımı

Ders 7 - jQuery Dersleri: hover() Metodu

Ders 8 - jQuery hover ve chlidren Metodu

Ders 9 – Chaniable – Animate Metodu ile Nesne Hareketlendirme

jQuery Slidedown Metodu Kullanımı

admin — Mon, 15 Mar 2010 06:13:29 +0000

jQuery kullanımını en baştan ele alarak, şu dersimizde belirttiğimiz slideDown metoduna bir örnektir.

jQuery Nasıl Kullanılır

İlk olarak video derslerimizi izlediyseniz jQuery kullanabilmek için, indireceğimiz jquery dosayasını HTML sayfamıza import etmemiz gerekmektedir.Bunun için aşağıdaki kodu kullanınız.


<script src="jquery-1.2.6.pack.js" type="text/javascript"></script>

jquery-1.2.6.pack.js olan bölümü indirdiğiniz jquery dosyasının klasör yolunu belirterek yazınız.Bu kodu html sayfamızın .. tagları arasına yapıştırınız.

Aşağıdaki görsel Anlatımda uygulananlar jQuery’î dah iyi anlamak için yetkindir.

Elementleri Nasıl Çağırırız

Aslında jquery kullanabilmek için kod ezberlememize gerek yoktur( Daha önce yazılmış harika kodları kullanabiliriz)

Fakat bazen kullanacağımız kodları kişiselleştirmemiz gerekebilir.Bunlardan bazılarını örnek olarak açıklayacağım;

$("#header") = id=”header” ile birlikte elemanı çağırır
$("h3") = bütün
adlı elemanları çağırır
$("div#content .photo") = class=”photo” olarak atanılan
içerisindeki bütün elemanları çağırır.
$("ul li") =
olarak adlandırılan
- $("ul li:first") =
  - elemanını çağırır.
  Elementlere Nasıl Fonksiyon Atanır
  
  Yukarıda belirttiğimiz $(“elamanımız”) olarak örneklendirdiğim gibi fonksiyon ataması yapabilmek içinde, jquery kodlarımın başında;
```
$(function() {

<<- Bu alana jQuery içerisinde kullanacağımız kodlarımız gelecektir  ->>

});
```
  $function yapısı ile yeni bir fonksiyon atar ve değerini gireriz.Aşağıda verdiğim örnek ile jquery fonksiyonumuza yeni bir işlev tanımlarız
```
$(".button").click(function() {
```
  yapısı ile button adlı nesneye (click) komutu ile tıklanıldığında yeni bir fonksiyon oluşmasını sağlarız;
```
$("#panel").slideDown("slow");

});
```
  Kodları ile panel id’li nesnenin slideDown metodu ile aşağı kaymasını sağlarız. Slow belirteci ise animasyonuın yavaş yürümesi gerektiğini bildirir.
  
  slideDown yönteminin kullanılmasına ilişkin video Dersimiz için video izle butonuna tıklayın;
  
  Diğer Video Dersleri
  
  Ders 1- jQuery Başlangıç
  
  Ders 2 -Fade, Slide hide -show Me todları
  
  Ders 3 -Animate Metodu
  
  Ders 4 – Varyasyon Oluşturma
  
  Ders 5 - toggle ve toggleClass Metodları
  
  Ders 6 - jQuery Slidedown Metodu Kullanımı
  
  Ders 7 - jQuery Dersleri: hover() Metodu
  
  Ders 8 - jQuery hover ve chlidren Metodu
  
  Ders 9 – Chaniable – Animate Metodu ile Nesne Hareketlendirme

jQuery Video Dersleri – slide, hide ve fade Metodları

admin — Fri, 12 Mar 2010 20:00:31 +0000

Merhaba arkadaşlar. İlk dersimizde jQuery’i kullanabilmek için ne gibi alanlardan faydalanabiliriz, jquery‘i sitemize nasıl import ederiz ve fadeOut yöntemini nasıl kullanırız sorularını cevapladık.Bu dersimizde ise jQuery‘de kullanabileceğimiz;

fadeOut, fadeIn, slideUp, slideDown, hide ve show metodlarını gösterdim.Daha kaliteli Görüntü için Videoyu indiriniz

Ben video izlemek istemiyorum diyen arkadaşlarımız için kısa bir özet geçeceğim.Download butonunu kullanarak indirdiğiniz ders içeriğinde, index.html ve jquery.js dosyasını bulacaksınız.

İndex’imizin içerisinde aşağıdaki bölümleri kullandık;

CSS


<style type="text/css">
#kutu
{
background: orange;
width: 550px;
height: 520px;
display: none;
}
p a
{
color: orange;
}
</style>

Bir önceki dersimize nazaran bu dersteki CSS farklılıkları;

display: none; :

kutu olarak adlandırdığımız katmanın görünmemesini sağladı.

p a
{
color: orange;
}

olarak kullandığımız paragraf belirtecinin içerisindeki link renklerini turuncu (orange) yapmamızı sağladı

Jquery

</p>
<p style="text-align: left;"><script type="text/javascript">

$(function()  {
$('a').click(function() {
$('#kutu').slideDown ('6000');
$('p a').css('color' , 'green');
});

});
</script></p>
<p style="text-align: left;">

Bir önceki dersimizde gördüğümüz fadeOut yöntemini bu dersimizde slide ve hide / show metordlarıyla gösterdik.

Daha sonra

$(‘p a’).css(‘color’ , ‘green’);

olarak belirttiğimiz fonksiyon, linklerimizden herhangi birine tıklanıldıktan sonra,css kodlarında belirttiğimiz p a belirtecinin rengini green olarak değiştirmesini sağladı.

Diğer Video Dersleri

Ders 1- jQuery Başlangıç

Ders 2 -Fade, Slide hide -show Me todları

Ders 3 -Animate Metodu

Ders 4 – Varyasyon Oluşturma

Ders 5 - toggle ve toggleClass Metodları

Ders 6 - jQuery Slidedown Metodu Kullanımı

Ders 7 - jQuery Dersleri: hover() Metodu

Ders 8 - jQuery hover ve chlidren Metodu

Ders 9 – Chaniable – Animate Metodu ile Nesne Hareketlendirme

http://zingocan.com/jquery-video-dersleri-ders1.html

jQuery ile sayfayı yenilemeden verileri ekrana bastırmak

admin — Wed, 06 Jan 2010 11:00:44 +0000

jQuery ile sayfaya refresh atmadan 3 satır kodla verileri ekrana bastırabilirsiniz. Yapıcağımız işlem çok basit önce jQuery’nin güzel özelliklerinden biri olan $.get() fonksiyonu ile verileri çağıracağız daha sonra ise window.setInterval() fonksiyonu ile bunları ekranda belli zaman aralıklarıyla refresh ediceğiz.

Resfresh diyorum fakat bu refresh sadece sayfanın belli bir bölümünde gerçekleşecek yani window.setInterval() fonksiyonuz aslında bir timer gibi çalışacak.

Şimdi kodlara bakalım;

view source print ?

01.//jQuery'i sayfaya dahil ettiğinizi varsayıyorum.

02.

03.function veriler(){

04.

05.$.get("test2.html",function(data){ jQuery('#veri').html(data); });

//test2.html sayfasındak verilerimizi aldık ve id değeri veri olan div'e bastırdık. aslında henuz bastırmadık şuan sadece bir fonksiyon.

06.

07.}

08.

09.window.setInterval("veriler()",3000);

//  Burada ise veriler() isimli fonksiyonu 3 saniyede bir çağırmasını istedim işte şimdi test2.html sayfasının içeriğini bastırdık.

Sayfanın tamamı;

view source print ?

01.<head>

02.<script type="text/javascript" src="jquery-latest.js">script>


03.<script language="javascript">
04.
05.function veriler(){
06.
07.$.get("test2.html",function(data){ jQuery('#veri').html(data); });
08.
09.}
10.
11.window.setInterval("veriler()",1000);
12.
13.script>

14.head>

15.
16.<div id="veri">div>



Jquery, Ajax ve PHP ile dizin içeriğini okumak ve göstermek
admin — Wed, 06 Jan 2010 10:59:01 +0000







jQuery, Ajax ve PHP ile dizin içeriğini okumak ve göstermek
jQuery  ile yapılabilecek diğer güzel bir uygulama da sunucudaki klasör içeriğinde gezinmek. Uygulamada sunucu tarafındaki dosyaları ve klasör içeriklerini kullanıcı tarafında rahat bir şekilde görebileceğiz. Tüm bunları yaparken  Ajax, jQuery kütüphanesini ve PHP dilini kullanacağız.
Yapacağımız uygulamada temel olarak  aşağıdaki fonksiyon ve yöntemleri kullanacağız:

 JSON ( JavaScript Object Notation) => içerik kategorileme dilidir. Dizin içerik bilgilerini  sunucu tarafında JSON  yapısında hazırlayacağız.
  $.getJSON fonksiyonu => jQuery kütüphanesinin sunucudan JSON veri tipinde cevap almaya yarayan ajax fonksiyonu.
  PHP  dizin okuma fonksiyonları (dizin içeriği okuma ve dosya isimleriyle ilgili fonksiyonlar)

En son yapacağımız uygulamanın bitmiş haline buradan bakıp nasıl bir şey yapacağımızı görebilirsiniz.  Görselliği bakımından önemli olan bir uygulama olacağından uygulamanın kullanıcı tarafındaki kodun ( javascript )  karmaşık işlemlerin  basit olması amacıyla jQuery  ile yazacağız. Bu yüzden jQuery  ile basit uygulamalar yapmış olduğunuzu  varsıyıyorum.

İlk olarak XAMPP gibi sunucu paket programlarını kullarak kurmuş olduğunuz  sunucunuzun htdocs klasöründe boş bir PHP sayfası yaratalım.  GET motodla PHP sayfasına istediğimiz dizin ismini yollayacağız ve  yolladığımız dizin ismine göre PHP bize dizin içeriğini JSON datası olarak yollayacak.  JSON ile tanışmayanlar için basit bir örnek yapalım:
PHP kodumuz:

";
print_r($JSON_olacak_dizimiz);
echo "";
// ve json_encode ile dizimizi JSON  datasına çeviriyoruz.
echo "
JSON verisine çevrilmiş hali: 

";

echo json_encode($JSON_olacak_dizimiz);
?>


Ve çıktımız:

JSON  ile biraz alıştırma yaptıktan sonra uygulamızın ilk kısmına  geçelim.


Dizin içeriğini okuyup JSON tipinde çıktı verecek PHP kodumuz (Sunucu tarafı)
Uygulamanın özellikleri şöyle olacak:

 Dizine tıklandığında dizin açılmamış ise dizin içeriği bilgilerini jQuery ile Ajax JSON isteğinde bulunup dizin içeriğini bilgilerini dizinin hemen altında gösterecek.
 Dizine iki tefa tıklandığında dizini kapatacak.
 Dizin açılıp kapanmaları animasyonlu olacak.
 Dizindeki dosyalara tıklandığında dosyayı indirecek. (link olarak gösterecek)

JSON  çıktısı üretecek directory.php kodumuz:




Yazdığımız kodu web browserda test edelim:

Şimdi de dir değişkeni koyarak ‘directories’ dizindeki ‘data’ ismindeki dizini parametre olarak yollayıp tekrat test edelim:

PHP kodumuzun çalıştığını gördükten sonra kullanıcı tarafında çalışmaya başlayabiliriz.
JSON çıktısını okuyup listeleyecek jQuery kodumuzu sayfaya ekleme kısmı (Kullanıcı tarafı)
Buraya kadar anlattıklarımı uygulamanın temelde nasıl çalıştığını anlatmak için yazdım.  Yazdığım jQuery  kodu uzun olduğu için buraya yazmak yerine direk olarak nasıl kullancağımızı anlatacağım. Fakat her satırına yorum yaptığım için jQuery kodunu açıp yorumlardan inceleyebilirsiniz.
Şimdi oluşturduğumuz html sayfasına ( dizinoku.htm) aşağıdaki satırları ekleyerek jQuery kütüphanesini, kodumuzu ve css dosyamızı sayfaya dahil edelim.




 
 
 
 
 
 



  
  





Uygulamanın kodlarını buradan indirebilirsiniz. Kendi sunucunuzda kullanmak için direk olarak dosyaları aynı dizine koymanız yeterli olacaktır. Uygulamaya ait dosyaları buradan indirebilirsiniz.






jQuery ve DOM işlemleri
admin — Tue, 05 Jan 2010 10:44:31 +0000

DOM ismi verilen bir standart sayesinde web sayfamızdaki her eleman (resim, link, buton) birer nesne olarak değerlendirilir. Biz de javaScript yardımıyla bu nesnelere erişebilir ve üzerinde işlemler yapabiliriz. Yani bir resmi yenisiyle değiştirebilir, bir linkin başına/sonuna yeni nesneler ekleyebilir, bir buton nesnesinin birebir kopyasını çıkartabiliriz. jQuery sayesinde ise bu işlemleri çok daha kolay bir şekilde yapabiliyoruz.
Konuya başlamadan önce başlıklara bir gözatalım:

Değiştirme
Ekleme
Silme
Kopyalama

1. Değiştirme
Bir elemanın tamamını veya sadece içeriğini değiştirmek için kullanabileceğimiz jQuery fonksiyonları html(), text(), replaceWith() ve replaceAll() isimli fonksiyonlar. html() ve text() fonksiyonları bir elemanın “içeriğini” değiştirirken, replaceWith() ve replaceAll() fonksiyonları ise bir elemanın “tamamını” değiştirir.

html(): Bu fonksiyon ile bir elemanın içeriğini HTML etiketleriyle birlikte alabilirsiniz ve değiştirebilirsiniz. innerHTML özelliğine benzer. Kullanımı ise şöyledir:
// içerik al
$('p#metin').html();

// içerik değiştir
$('p#metin').html('yeni içerik');

 
Bu fonksiyon ile ilgili bir örneği Örnek 1A sayfasında bulabilirsiniz.
text(): Bu fonksiyon sayesinde bir elemanın sahip olduğu içeriği “düz metin” olarak alabiliyoruz veya değiştirebiliyoruz. innerText özelliğine benzer. Kullanımı ise şöyledir:
// içerik al
$('p#metin').text();

// içerik değiştir
$('p#metin').text('yeni içerik');

 
Bu fonksiyon ile ilgili bir örneği Örnek 1B sayfasında bulabilirsiniz.
replaceWith(): Bu fonksiyon sayesinde bir elemanın kendisini başka bir eleman ile değiştirebiliriz. Örneğin bir butonu bir resim ile değiştirmek istiyorsanız bu fonksiyonu kullanmalısınız. İlk önce değiştirilecek elemanı belirtip, daha sonra da yeni elemanı belirtiyoruz. Kullanımı şöyledir:
// butonu resim ile değiştir
$('button').replaceWith('');

 
Bu fonksiyon ile ilgili bir örneği Örnek 1C sayfasında bulabilirsiniz.
replaceAll(): Bu fonksiyon biraz önce bahsettiğimiz replaceWith() fonksiyonuyla aynı işlemi yapmasına karşın ters şekilde çalışıyor. İlkönce yeni elemanı belirtip daha sonra değiştirilecek olan elemanı belirtiyoruz. Kullanımı şöyledir:
// bütün butonları resim ile değiştir
$('').replaceAll('button');

 
Bu fonksiyon ile ilgili bir örneği Örnek 1D sayfasında bulabilirsiniz.

2. Ekleme
jQuery’nin ekleme fonksiyonları sayesinde bir elemanın içerisine veya dışarısına yeni elemanlar ekleyebiliyoruz. Öncelikle bir elemanın içerisine yeni elemanlar eklerken kullanacağımız append() ve prepend()fonksiyonlarına bakalım.
append(): Bu fonksiyon ile bir elemanın sahip olduğu içeriğin “en sonuna” yeni bir eleman ekleyebiliriz. Alttaki örneğin uygulamasını Örnek 2A sayfasında bulabilirsiniz.
// örnek metin
Merhaba

// sonuna ekle
$('p#metin').append(' Erhan');

// sonuç
Merhaba  Erhan


 
prepend(): Bu fonksiyon ile bir elemanın sahip olduğu içeriğin “en başına” yeni bir eleman ekleyebiliriz. Alttaki örneğin uygulamasını Örnek 2B sayfasında bulabilirsiniz.
// örnek metin
Merhaba

// sonuna ekle
$('p#metin').prepend('Erhan ');

// sonuç
Erhan Merhaba


 
Şimdi de bir elemanın dışına nasıl yeni elemanlar ekleyebiliriz ona bakalım. Bu iş için kullanacağımız fonksiyonlar after() ve before() olacak.
after(): Bu fonksiyon ile bir elemandan “sonra” yeni bir eleman ekleyebiliriz. Örneğin bir butondan sonra bir resim eklenebilir. Bu örneği Örnek 2C sayfasında bulabilirsiniz.
$('button').after('');
 
before(): Bu fonksiyon sayesinde bir elemandan “önce” yeni bir eleman ekleyebiliriz. Örneğin bir butondan önce bir resmin eklenmesini sağlayabiliriz. Bu örneği Örnek 2D sayfasında bulabilirsiniz.
$('button').before('');
 
jQuery’nin ekleme fonksiyonları aslında benim burada anlattığımla sınırla değil tabiki. Daha birçok ekleme fonksiyonu var. Bu yüzden lütfen jQuery’nin yardım belgelerine bakmayı ihmal etmeyin.

3. Silme
Pekçok durumda bir elemanı tamamen kaldırmak veya bir elemanın içerisindeki alt elemanları kaldırmak gerekebiliyor. Bu durumda jQuery’nin empty() veya remove() fonksiyonlarından birisini kullanmalıyız.
empty(): Bir elemanın içeriğini boşaltır. Örneğin ID özniteliği “alan” olan bir DIV elemanın içerisini boşaltmak/temizlemek için şöyle yapıyoruz:
$('div#alan').empty();
 
Bu örneği test etmek için Örnek 3A sayfasına bakabilirsiniz.
remove(): Bir elemanı tamamen ortadan kaldırır. Örneğin ID özniteliği “alan” olan bir DIV elemanı tamamen ortadan kaldırmak için şöyle yapıyoruz:
$('div#alan').remove();
 
Bu örneği test etmek için Örnek 3B sayfasına bakabilirsiniz.

4. Kopyalama
Eğer bir elemanın birebir kopyasını çıkartmak yani klonlamak istiyorsanız jQuery’nin clone() fonksiyonunu kullanmalısınız. Bu fonksiyon clone() ve clone(true) olmak üzere iki farklı şekilde kullanılıyor. Peki bir elemanın kopyasını neden çıkartma ihtiyacı duyarız? Bu sorunun cevabı için SpeedyShare sitesine girip “Upload more files at once” linkine tıklayın. Sadece bir örnek
clone(): Bir elemanın kopyasını çıkartır fakat elemanın sahip olduğu olayları (events) kopyalamaz. Daha önceden fare ile üzerine geldiğinizde rengi değişen bir elemanın, kopyasının üzerine geldiğinizde ise rengi değişmeyecektir. Bu örneğin uygulamasını Örnek 4A sayfasında görebilirsiniz. Bu fonksiyonunun kullanımı ise şöyledir:
// bir metin kutusunun kopyasını çıkar
$('input').clone();

 
clone(true): Bir elemanın kopyasını sahip olduğu olaylar (events) ile birlikte çıkartır. Yani daha önceden fare ile üzerine geldiğinizde rengi değişen bir elemanın, kopyasının üzerine geldiğinizde yine rengi değişecektir. Bu örnekle ilgili bir uygulamayı Örnek 4B sayfasında görebilirsiniz. Bu fonksiyonunun kullanımı ise şöyledir
// bir metin kutusunun kopyasını çıkar (olayları ile birlikte)
$('input').clone(true);

 
Kopyalama işlemleri sırasında olaylar (events) konusunun da ismi geçti. Eğer olaylar konusunu daha önceden okumadıysanız ya da yeniden okumak isterseniz jQuery ve Olaylar başlıklı yazıma bakabilirsiniz. Bu yazıdaki örnekleri ise buradan indirebilirsiniz.
Kaynak

Zingocan | jQuery, CSS, Wordpress Dersleri » Fonksiyon

jQuery hover ve chlidren Metodu – Video Ders

jQuery

CSS

Diğer Video Dersleri

jQuery Dersleri: hover() Metodu

Diğer Video Dersleri

jQuery Slidedown Metodu Kullanımı

jQuery Nasıl Kullanılır

Elementleri Nasıl Çağırırız

adlı elemanları çağırır

Elementlere Nasıl Fonksiyon Atanır

Diğer Video Dersleri

jQuery Video Dersleri – slide, hide ve fade Metodları

CSS

Jquery

Diğer Video Dersleri

jQuery ile sayfayı yenilemeden verileri ekrana bastırmak

Jquery, Ajax ve PHP ile dizin içeriğini okumak ve göstermek

jQuery, Ajax ve PHP ile dizin içeriğini okumak ve göstermek

Dizin içeriğini okuyup JSON tipinde çıktı verecek PHP kodumuz (Sunucu tarafı)

JSON çıktısını okuyup listeleyecek jQuery kodumuzu sayfaya ekleme kısmı (Kullanıcı tarafı)

jQuery ve DOM işlemleri

1. Değiştirme

2. Ekleme

3. Silme

4. Kopyalama