Etiket: jquery

jQuery hasClass() Yöntemi

hasClass() Yöntemi;

:hasClass() belirtilen class’ın var olup olmadığı kontrol etmek için kullanılır.

Örnek

$("a").click(function(){
  alert($("span").hasClass("w3tr"));
});

Codepen Ön izleme

Kullanım şekilleri;

:hasClass(className);

Posted on by Samed GÖZÜTOK 0

get() Yöntemi

get() Yöntemi;

.get() yöntemi seçici tarafından belirtilen DOM öğelerini almak için kullanılır.

Örnek

$("a").click(function(){
  var x = $("span").get(0);
  $("p").text(x.nodeName + ": " + x.innerHTML);
});

Codepen Ön izleme

Kullanım şekilleri;

.get(index);

Posted on by Samed GÖZÜTOK 0

jQuery focusout() Yöntemi

focusout() Yöntemi;

focusout() yöntemi bir element odağını kaybedince ne olacağını belirtmek için kullanılır.

İpucu: Bu yöntem genelikle focusOut(); yöntemi ile beraber kullanılır.

Örnek

$("input").focusin(function(){
  $(this).css("background-color", "red");
});
$("input").focusout(function(){
  $(this).css("background-color", "yellow");
});

Codepen Ön izleme

Kullanım şekilleri;

.focusout(handler);

.focusout(eventData);

.focusout();

Posted on by Samed GÖZÜTOK 0

jQuery focusin() Yöntemi

focusin() Yöntemi;

.focusin() yöntemi bir elemente odaklanınca ne yapılacağını belirtmek için kullanılır.

ipucu:Bu yöntem genellikle focusOut () yöntemi ile birlikte kullanılır.

Örnek

$("input").focusin(function(){
  $(this).css("background-color", "red");
});
$("input").focusout(function(){
  $(this).css("background-color", "yellow");
});

Codepen Ön izleme

 

Kullanım şekilleri;

.focusin(handler);

.focusin(eventData);

.focusin();

Posted on by Samed GÖZÜTOK 0

jQuery focus() Yöntemi

focus() Yöntemi;

.focus() yöntemi input , select gibi elementlerin odak olduğunda ne olacağı belirtmek için kullanılır.

Örnek

$("input").focus(function(){
  $("input").css("border", "2px solid red");
});

Codepen Ön izleme

Kullanım şekilleri;

.focus(handler);

.focus(eventData);

.focus();

Posted on by Samed GÖZÜTOK 0

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