Yazar: Samed GÖZÜTOK

jQuery()

jQuery();

JQuery’nin amacı sitenize çok daha kolay javaScript’ler eklemenizi sağlamaktır. jQuery ayrıca ajax çağrıları ve DOM manipülasyonu gibi javaScript’te karmaşık olan şeyleri kolaylaştırır.

Kullanım şekilleri;

.JQuery(selector);

.JQuery(element);

.JQuery(elementArray);

.JQuery(object);

.JQuery(selection);

.JQuery();

Posted on by Samed GÖZÜTOK 0

jQuery is() Yöntemi

is() Yöntemi;

.is() yöntemi seçtiğimiz element ile eşleşen seçiciyi seçmek için kullanılır.

Örnek

$("span").click(function(){
  if ($("span").parent().is("div")) {
    alert("span div elemanı"); 
  }
});

Codepen Ön izleme

 

Kullanım şekilleri;

.is(selector);

.is(elements);

.is(selection);

.is(function);

Posted on by Samed GÖZÜTOK 0

jQuery insertBefore() Yöntemi

insertBefore() Yöntemi;

.insertBefore() yöntemi seçilmiş elementlerden önce html öğeleri eklemek için kullanılır.

Örnek

$("a").click(function(){
  $("<span>HOŞGELDİNİZ</span>").insertBefore("span");;
});

Codepen Ön izleme

 

Kullanım şekilleri;

.insertBefore(target);

.insertBefore(content);

.insertBefore(selector);

Posted on by Samed GÖZÜTOK 0

jQuery insertAfter() Yöntemi

insertAfter() Yöntemi;

.insertAfter() yöntemi seçilmiş elementlerden sonra html öğeleri eklemek için kullanılır.

Örnek

$("a").click(function(){
  $("<span>HOŞGELDİNİZ</span>").insertAfter("span");
});

Codepen Ön izleme

Kullanım şekilleri;

.insertAfter(target);

.insertAfter(content);

.insertAfter(selector);

Posted on by Samed GÖZÜTOK 0

jQuery innerWidth() Yöntemi

innerWidth() Yöntemi;

innerWidth() yöntemi ile eşleşen ilk elementin iç genişliğini öğrenmek için kullanılır.

Örnek

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

Codepen Ön izleme

Kullanım şekilleri;

.innerWidth();

Posted on by Samed GÖZÜTOK 0

jQuery innerHeight() Yöntemi

innerHeight() Yöntemi;

innerHeight() yöntemi ile eşleşen ilk elementin iç yüksekliğini öğrenmek için kullanılır.

Örnek

$("a").click(function(){
  alert("Divin iç yüksekliğiğ: " + $("div").innerHeight());
});

Codepen Ön izleme

Kullanım şekilleri;

.innerHeight();

Posted on by Samed GÖZÜTOK 0

jQuery index() Yöntemi

index() Yöntemi;

.index() yöntemi belirtilen elementlerin dizin konumunu almak için kullanılır.

Not: element bulunamazsa index() numarası olarak -1 verir.

Örnek

$("li").click(function(){
  alert($(this).index());
});

Codepen Ön izleme

Kullanım şekilleri;

.index();

.index(selector);

.index(element);

Posted on by Samed GÖZÜTOK 0

jQuery html() Yöntemi

html() Yöntemi;

 

.html() yöntemi html içeriklerini almak veya değiştirmek için kullanılır.

 

Örnek

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

Codepen Ön izleme

Kullanım şekilleri;

.html();

.html(content);

.html(index, currentcontent);

Posted on by Samed GÖZÜTOK 0

jQuery hover() Yöntemi

hover() Yöntemi;

.hover() yöntemi fare ile elementlerin üzerine gelince ne olacağını belirtmek için kullanılır.

Örnek

$("a").hover(function(){
  $(this).css("background-color", "#33FF00");
}, function(){
  $(this).css("background-color", "#00FF99");
});

Codepen Ön izleme

Kullanım şekilleri;

.hover(handlerIn);

.hover(handlerOut);

Posted on by Samed GÖZÜTOK 0