.insertBefore() yöntemi seçilmiş elementlerden önce html öğeleri eklemek için kullanılır.
$("a").click(function(){
$("<span>HOŞGELDİNİZ</span>").insertBefore("span");;
});
.insertBefore(target);
.insertBefore(content);
.insertBefore(selector);
.insertAfter() yöntemi seçilmiş elementlerden sonra html öğeleri eklemek için kullanılır.
$("a").click(function(){
$("<span>HOŞGELDİNİZ</span>").insertAfter("span");
});
.insertAfter(target);
.insertAfter(content);
.insertAfter(selector);
innerWidth() yöntemi ile eşleşen ilk elementin iç genişliğini öğrenmek için kullanılır.
$("a").click(function(){
alert("Divin iç genişliği: " + $("div").innerWidth());
});
.innerWidth();
innerHeight() yöntemi ile eşleşen ilk elementin iç yüksekliğini öğrenmek için kullanılır.
$("a").click(function(){
alert("Divin iç yüksekliğiğ: " + $("div").innerHeight());
});
.innerHeight();
.index() yöntemi belirtilen elementlerin dizin konumunu almak için kullanılır.
Not: element bulunamazsa index() numarası olarak -1 verir.
$("li").click(function(){
alert($(this).index());
});
.index();
.index(selector);
.index(element);
.html() yöntemi html içeriklerini almak veya değiştirmek için kullanılır.
$("a").click(function(){
$("span").html("W3TR");
});
.html();
.html(content);
.html(index, currentcontent);
.hover() yöntemi fare ile elementlerin üzerine gelince ne olacağını belirtmek için kullanılır.
$("a").hover(function(){
$(this).css("background-color", "#33FF00");
}, function(){
$(this).css("background-color", "#00FF99");
});
.hover(handlerIn);
.hover(handlerOut);
.height() yöntemi belirtilen elemente yüksekliğini ayarlamak veya yüksekliğinin ne kadar olduğunu öğrenmek için kullanılır.
$("a").click(function(){
alert("DİV YÜKSEKLİĞİ: " + $("div").height());
});
.height();
.height(value);
.height(function(index, currentheight));
:hasClass() belirtilen class’ın var olup olmadığı kontrol etmek için kullanılır.
$("a").click(function(){
alert($("span").hasClass("w3tr"));
});
:hasClass(className);