jQuery promise() Yöntemi

promise() Yöntemi;

Seçilen eleman dahil değil eşleşen her elemanın tüm önceki kardeşlerini alın.

Örnek

$( "a" ).on( "click", function() {
  $( "div" ).promise().done(function() {
    $( "p" ).append( " Hoşgeldiniz " );
  });
});

Codepen Ön izleme

Kullanım şekilleri;

.promise( [type ] [, target ] )

jQuery prevUntil() Yöntemi

prevUntil() Yöntemi;

prevUntil() yöntemi belirtilen iki element arasındaki kardeşleri seçmek için kullanılır.

Örnek

$("li.basla").prevUntil("li.dur").css({"color": "blue", "border": "3px solid yellow"});

Codepen Ön izleme

Kullanım şekilleri;

.prevUntil( [selector ] [, filter ] )

.prevUntil( [element ] [, filter ] )

jQuery prevAll() Yöntemi

prevAll() Yöntemi;

prevAll() yöntemi, seçilen elementen önceki tüm kardeş elementleri seçer.

Örnek

$("li.w3tr").prevAll().css({"color": "blue", "border": "3px solid yellow"});

Codepen Ön izleme

Kullanım şekilleri;

.prevAll( [selector ] )

.prevAll(filter)

jQuery prev() Yöntemi

prev() Yöntemi;

prev() yöntemi, seçilen elementin önceki kardeş elementini seçer.

Örnek

$("li.w3tr").prev().css({"color": "blue", "border": "3px solid yellow"});

Codepen Ön izleme

Kullanım şekilleri;

.prev( [selector ] )

.prev( filter)

jQuery prependTo() Yöntemi

prependTo() Yöntemi;

prependTo() yöntemi seçilmiş elementlerin başında HTML öğelerini eklemek için kullanılır.

Örnek

$("a").click(function(){
  $("<span>w3tr 'ye </span>").prependTo("p");
});

Codepen Ön izleme

Kullanım şekilleri;

.prependTo( target )

.prependTo( content)

.prependTo( selector)

jQuery prepend() Yöntemi

prepend() Yöntemi;

Eşleştiği element kümesindeki her elementin başına, parametresi tarafından belirtilen içeriği ekler. Yazı veya element olabilir.

Örnek

$("a").click(function(){
  $("p").prepend("<span>w3tr'ye</span> ");
});

Codepen Ön izleme

 

Kullanım şekilleri;

.prepend( content [, content ] )

.prepend( function )

jQuery position() Yöntemi

position() Yöntemi;

Seçili elementin poziyonunu öğrenmek için kullanılır. Bu yöntem sadece top ve left konumlarını öğrenmek için kullanılabilir.

Örnek

$("a").click(function(){
  var x = $("span").position();
  alert("üstten pozisyonu: " + x.top + " soldan pozisyonu: " + x.left);
});

Codepen Ön izleme

 

 

Kullanım şekilleri;

.position()

jQuery parentsUntil() Yöntemi

parentsUntil() Yöntemi;

parentsUntil() yöntemi, seçilen elementin tüm ata elementlerini seçmek için kullanılır.

Örnek

$("span").parentsUntil("span").css({"color": "blue", "border": "3px solid yellow"});

Codepen Ön izleme

Kullanım şekilleri;

.parentsUntil( [selector ] [, filter ] )

.parentsUntil( [element ] [, filter ] )

.parentsUntil( [selector ] [, stop] )

.parentsUntil( [element ] [, stop] )

jQuery parents() Yöntemi

parents() Yöntemi;

parents() yöntemi, seçilen elementin tüm ata elementlerini seçmek için kullanılır.

Örnek

$("span").parents().css({"color": "blue", "border": "3px solid yellow"});

Codepen Ön izleme

Kullanım şekilleri;

.parent( [selector ] )

.parent( filter)

jQuery outerWidth() Yöntemi

outerWidth() Yöntemi;

Seçilen elementin padding, border, margin değerleri varsa hepsini alarak width (genişlik) değerini eğer belirtilmemiş ise null olarak px cinsinden geri döndürür.

Örnek

$("a").click(function(){
  alert("Divin genişliği: " + $("div").outerWidth());
});

Codepen Ön izleme

Kullanım şekilleri;

.outerWidth( [includeMargin] )