jQuery hide() Yöntemi

hide() Yöntemi;

.hide() yöntemi belirtilen elementleri gizlemek için kullanılır.

İpucu: Gizlenen öğeleri göstermek için show() yöntemini kullanın.

Örnek

$(".goster").click(function(){
  $("span").hide();
});
$(".gizle").click(function(){
  $("span").show();
})

Codepen Ön izleme

 

Kullanım şekilleri;

.hide();

.hide(duration);

.hide(options);

.hide(complete);

.hide(easing);

.hide(speed);

.hide(callback);

jQuery height() Yöntemi

height() Yöntemi;

.height() yöntemi belirtilen elemente yüksekliğini ayarlamak veya yüksekliğinin ne kadar olduğunu öğrenmek için kullanılır.

Örnek

$("a").click(function(){
  alert("DİV YÜKSEKLİĞİ: " + $("div").height());
});

Codepen Ön izleme

Kullanım şekilleri;

.height();

.height(value);

.height(function(index, currentheight));

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);

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);

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();

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();

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();

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();

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);

 

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);