Etiket: jQuery Yöntemi

jQuery first() Yöntemi

first() Yöntemi;

first() yöntemi ilk elementi bulmak için kullanılır.

Örnek

$("ul li").first().css("color", "red");

Codepen Ön izleme

Kullanım şekilleri;

.first();

Posted on by Samed GÖZÜTOK 0

jQuery finish() Yöntemi

finish() Yöntemi;

finish() yöntemi çalışan animasyonları durdurmak için kullanılır.

Örnek

$(".basla").click(function(){
  $("div").animate({height: 400}, 2000);
  $("div").animate({width: 400}, 2000);
});
$(".bitir").click(function(){
  $("div").finish();
});

Codepen Ön izleme

Kullanım şekilleri;

.finish(queueName);

 

Posted on by Samed GÖZÜTOK 0

jQuery find() Yöntemi

find() Yöntemi;

Find() yöntemi her hangi bir elementi bulmak için kullanılır.

Not: filter parametresi diğer yöntemlerin aksine find() yöntemi için geçerlidir.

Örnek

$("ul").find("span").css({"border": "5px solid pink"});

Codepen Ön izleme

Kullanım şekilleri;

:find(selector);

:find(element);

:find(filter);

Posted on by Samed GÖZÜTOK 0

jQuery fadeToggle() Yöntemi

fadeToggle() Yöntemi;

fadeToggle() yöntemi fadeIn( ) ve fadeout() yöntemleri arasında geçiş yapar.

Örnek

$("a").click(function(){
  $("span").fadeToggle();
});

Codepen Ön izleme

Kullanım şekilleri;

.fadeToggle(duration);

.fadeToggle(complete);

.fadeToggle(options);

.fadeToggle(easing);

.fadeToggle(callback);

.fadeToggle(speed);

Posted on by Samed GÖZÜTOK 0

jQuery fadeTo() Yöntemi

fadeTo() Yöntemi;

fadeTo() yönteminde giderek belirli bir donukluk ( solma etkisi ) için , seçilen elementler için opaklığı değiştirir.

Örnek

$("a").click(function(){
  $("span").fadeTo(500, 0.3);
});

Codepen Ön izleme

Kullanım şekilleri;

.fadeTo(duration);

.fadeTo(complete);

.fadeTo(options);

.fadeTo(easing);

.fadeTo(callback);

.fadeTo(speed);

.fadeTo(opacity);

Posted on by Samed GÖZÜTOK 0

jQuery fadeOut() Yöntemi

fadeOut() Yöntemi;

FadeOut() yöntemi yavaş yavaş görünür (solma etkisi) seçilen elementlerin için opaklığı değiştirir.

Örnek

$(".buton1").click(function(){
  $("span").fadeOut()
});
$(".buton2").click(function(){
  $("span").fadeIn();
});

Codepen Ön izleme

Kullanım şekilleri;

.fadeOut(duration);

.fadeOut(complete);

.fadeOut(options);

.fadeOut(easing);

.fadeOut(callback);

Posted on by Samed GÖZÜTOK 0

jQuery fadeIn() Yöntemi

fadeIn() Yöntemi;

fadeIn () yöntemi yavaş yavaş görünür ( solma etkisi ) gizli den seçilen elemanlar için opaklığı , değiştirir.

Örnek

$(".buton1").click(function(){
  $("span").fadeOut()
});
$(".buton2").click(function(){
  $("span").fadeIn();
});

Codepen Ön izleme

Kullanım şekilleri;

.fadeIn(duration);

.fadeIn(complete);

.fadeIn(options);

.fadeIn(easing);

.fadeIn(callback);

.fadeIn(speed);

Posted on by Samed GÖZÜTOK 0

jQuery event.preventDefault() Yöntemi

event.preventDefault() Yöntemi;

Bu fonksiyon çalışırsa elementin varsayın değerini engelleniyor olmayacak.

Örnek

$("a").click(function(event){
  event.preventDefault();
});

Codepen Ön izleme

Kullanım şekilleri;

event.preventDefault()

Posted on by Samed GÖZÜTOK 0

jQuery event.isImmediatePropagationStopped() Yöntemi

event.isImmediatePropagationStopped() Yöntemi;

İç içe olan elementlerde aynı olan olayın bir üstteki elemente yayılmasının engellenip engellenmediğini sorgular.

Örnek

$("a").click(function(event){
  event.stopImmediatePropagation();
  alert(event.isImmediatePropagationStopped());
});

Codepen Ön izleme

Kullanım şekilleri;

event.isImmediatePropagationStopped()

Posted on by Samed GÖZÜTOK 0

jQuery error() Yöntemi

error() Yöntemi;

Java scripte hata olayı için bir görev tanımlayabilirsiniz.

Örnek

$("img").error(function(){
  $("img").replaceWith("<p>Resim yüklenirken hata oluştu !</p>");
});
$("a").click(function(){
  $("img").error();
});

Codepen Ön izleme

Kullanım şekilleri;

.error( handler )
.error( [eventData ], handler )

Posted on by Samed GÖZÜTOK 0