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);
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.
$("input").focusin(function(){
$(this).css("background-color", "red");
});
$("input").focusout(function(){
$(this).css("background-color", "yellow");
});
.focusout(handler);
.focusout(eventData);
.focusout();
.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.
$("input").focusin(function(){
$(this).css("background-color", "red");
});
$("input").focusout(function(){
$(this).css("background-color", "yellow");
});
Kullanım şekilleri;
.focusin(handler);
.focusin(eventData);
.focusin();
.focus() yöntemi input , select gibi elementlerin odak olduğunda ne olacağı belirtmek için kullanılır.
$("input").focus(function(){
$("input").css("border", "2px solid red");
});
.focus(handler);
.focus(eventData);
.focus();