jQuery closest() Yöntemi

closest() Yöntemi;

Girilen ifade ile seçici arasındaki yakın nesneleri seçer.

Örnek

$("span").closest("ul").css({"color": "blue", "border": "2px solid yellow"});

Codepen Ön izleme

Kullanım şekilleri;

.closest( selector )
.closest( selector [, context ] )
.closest( selection )
.closest( element )

jQuery clone() Yöntemi

clone() Yöntemi;

Eşleşen elementlerin geniş bir kopyasını oluşturun. Belirtilen nesneyi append fonksiyonlarını da kullanarak öncesi veya sonrasına kopyalama işlemi yapabilirsiniz.

Örnek

$("a").click(function(){
  $("span").clone().appendTo("body");
});

Codepen Ön izleme

Kullanım şekilleri;

.clone( [withDataAndEvents ] )
.clone( [withDataAndEvents ] [, deepWithDataAndEvents ] )

jQuery click() Yöntemi

click() Yöntemi;

Javascripte tıklama olayına bir görev atamaya yardımcı olur. Bir diğer varyasyonları ise  .on( “click”, handler ) ve .trigger( “click” ) şeklindedir.

Örnek

$("a").click(function(){
  alert("BUTONA TIKLANDI");
});

Codepen Ön izleme

Kullanım şekilleri;

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

jQuery clearQueue() Yöntemi

clearQueue() Yöntemi;

Sırasıyla tüm fonksiyonları kuyruğundan kaldırır. Yalnız başına kullanıldığında ise kalan fonksiyonları sıradan kaldırır.

Örnek

$(".baslat").click(function(){
  $("div").animate({width: 400}, 2000);
  $("div").animate({height: 400}, 2000);
  $("div").animate({width: 150}, 2000);
  $("div").animate({height: 150}, 2000);
});
$(".durdur").click(function(){
  $("div").clearQueue();
});

Codepen Ön izleme

Kullanım şekilleri;

.clearQueue( [queueName ] )

jQuery children() Yöntemi

children() Yöntemi;

Belirtilen elementin alt elementleri belirtilerek tümü veya bazıları seçilebilir. .find() fonksiyonu farklı olarak alt elementlerden bir tanesini seçebiliyorken children() birden çok alt elementi seçebilir.

Örnek

 $("ul").children().css({"color": "blue", "border": "2px solid yellow"});

Codepen Ön izleme

Kullanım şekilleri;

.add(selector):
.add(elements):
.add(html):
.add(selection):
.add(selector, context):

jQuery change() Yöntemi

change() Yöntemi;

select, textarea, input gibi kullanıcı tarafından değiştirildiği durumda çalışır. Yani kullanıcı inputun içine her harf girildiğinde change olayı tetiklenmiş olur. Aynı durum select ve textarea içinde geçerlidir.

Örnek

$("input").change(function(){
  alert("Metin değiştirildi.");
});

Codepen Ön izleme

Kullanım şekilleri;

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

jQuery blur() Yöntemi

blur() Yöntemi;

Focus işleminden çıkıldığında gerçekleşecek işlemi belirlememizi sağlarlar. Örneğin bir inputa focus yaptığımızda gerçekleşecek işlemleri .focus() parametresi ile yaparken bu inputtan farklı bir noktaya tıkladığımız anda focus işlemi bitmiş olur. Bu anda da .blur() işlemi çalışır.

Örnek

$("input").blur(function(){
  alert("Bu giriş alanı odağını kaybetti .");
});

Codepen Ön izleme

Kullanım şekilleri;

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

jQuery bind() Yöntemi

bind() Yöntemi;

Herhangi bir olay yardımcılarından (click, hover, gibi) birini atamamızı sağlar böylelikle bir başka olayı tetikleyebilmemiz için yardımcı olur. Click olayını atadığımızda aslında normal bir click fonksiyonundan hiçbir farkı yoktur. Bu fonksiyonu önemli kılan .unbind() fonksiyonudur diyebiliriz.

Örnek

$("a").bind("click", function(){
  alert("BUTONA TIKLANDI");
});

Codepen Ön izleme

Kullanım şekilleri;

.bind( eventType [, eventData ], handler )
.bind( eventType [, eventData ] [, preventBubble ] )
.bind( events )

jQuery before() Yöntemi

before() Yöntemi;

Belirtilen elementin öncesine yeni bir nesne(element) eklemeyi belirtir.

Örnek

$(document).ready(function(){
    $("a").click(function(){
        $("p").before("<p>W3TR</p>");
    });
});

Codepen Ön izleme

Kullanım şekilleri;

jQuery( “[attribute ^=’value’]” )

jQuery attr() Yöntemi

attr() Yöntemi;

Elemente ait attribute değerini bazı jquery seçicileri ile seçilebilir fakat değiştirilemezler. Attr() özelliği bize bu imkanı sunmaktadır. Elementin hem attribute değeri seçilebilir hem de değiştirilebilir. Örneğin check olmamış bir inputu bu yöntemle anlayabilir ve check işlemini gerçekleştirebilirsiniz. Bu yöntem elemanın sadece bir attribute değerini alabilir. Birden çok attribute değerini alabilmek için jquery .each() veya .map() döngülerini kullanabilirsiniz.

Örnek

$(document).ready(function(){
    $("a").click(function(){
        $("img").attr("width", "900");
    });
});

Codepen Ön izleme

Kullanım şekilleri;

.attr(attributeName)