Bir klavye tuşu serbest bırakıldığında keyup olayı oluşur. Bir keyup olayı oluştuğunda çalıştırılacak bir işlev eklemek için kullanılır.
$("input").keydown(function(){
$("input").css("background-color", "red");
});
$("input").keyup(function(){
$("input").css("background-color", "yellow");
});
keyup(handler):
keyup([eventData], handler):
keyup():
keyup(function):
keypress() yöntemi bir tuşa basıldığında çalıştırmak için bir işlev ekler.
$("input").keypress(function(){
$("span").css("color" , "red");
});
Kullanım şekilleri;
.keypress(handler):
. keypress([eventData], handler):
. keypress():
. keypress(function):
Bir klavye tuşu basıldığında keydown olayı oluşur. keydown () yöntemi keydown olayını tetikler, ya da bir keydown olayı meydana geldiğinde çalıştırmak için bir işlev ekler.
$("input").keydown(function(){
$("input").css("background-color", "red");
});
$("input").keyup(function(){
$("input").css("background-color", "yellow");
});
.keydown(handler):
.keydown([eventData], handler):
.keydown():
.keydown(function):
JQuery.type() yöntemi dahili javaScript [[class]] elementini belirlemek için kullanılır.
$( "strong" ).append( "" + jQuery.type( /test/ ) );
JQuery.type(obj);
JQuery.trim() yöntemi verilen ifadenin başında ve sonunda bulunan boşluk ve sekmeleri kaldırmak için kullanılır.
var w3tr = " Hoşgeldiniz ";
$("strong").html($.trim(w3tr));
var w3tr2 = " Hoşgeldiniz ";
$("p span").html(w3tr2);
JQuery.trim();
jQuery.sub() yöntemi özellik ve yöntemler orijinal jQuery elementini etkilemeden yeni bir JQuery kopyası oluşturur.
var sub = jQuery.sub();
sub.fn.myCustomMethod = function() {
return "w3tr";
};
sub( document ).ready(function() {
sub( "body" ).myCustomMethod()
});
})();
JQuery.sub();
jQuery.removeData() yöntemi jQuery data() ile ayarlanmış verileri kaldırmak için kullanılır.
$(".data").click(function(){
$("div").data("selamlama", "W3TR ' ye Hoşgeldiniz");
alert("Selamlama: " + $("div").data("selamlama"));
});
$(".removeData").click(function(){
$("div").removeData("Selamlama");
alert("Selamlama: " + $("div").data("Selamlama"));
});
JQuery.removeData(element);
JQuery.removeData(data);
jQuery.queue() yöntemi fonksiyonları sırasına göre yürütülmesini istemediğimiz durumlarda kullanılır.
$("a").click(function(){
var div = $("div");
div.animate({height: 400}, "slow");
div.animate({width: 400}, "slow");
div.animate({height: 150}, "slow");
div.animate({width: 150}, "slow");
$("strong").text(div.queue().length);
});
Kullanım şekilleri;
JQuery.queue(element);
JQuery.queue(queueName);
jQuery.proxy() yöntemi var olan işlevi alır ve belirli bir bağlam ile yeni bir tane döndürür.
var kisi = {
isim: "w3tr",
yas: 20,
test: function(){
$("p").after("İsim: " + this.isim + "<br> Yas: " + this.yas);
}
};
$("a").click($.proxy(kisi, "test"));
JQuery.proxy(function);
JQuery.proxy(context);
JQuery.proxy(name);
JQuery.proxy(additionalArguments);
jQuery.post() yöntemi HTTP post isteği kullanarak sunucuya veri yüklemek için kullanılır.
$("a").click(function(){
$.post("w3tr.asp",
{
name: "w3tr",
city: "Erzurum"
},
function(data,status){
alert("Veri: " + data + "\nStatus: " + status);
});
});
JQuery.post(data);
JQuery.post(url);
JQuery.post(success);
JQuery.post(dataType);