jQuery fonksiyonunu kullanan bir öğe koleksiyonu bulduktan sonra, çeşitli yöntemler kullanarak bunları değiştirebilirsiniz.
İç metinlerini ayarlamak için text() kullanın:
$("h1").text("All about cats"); (Örneğe bakın)
İç html ayarlamak için html() kullanın:
$("h1").html("I <strong>love</strong> cats"); (Örneğe bakın)
attr() ile özelliklerikurun:
$(".dog-pic").attr("src", "dog.jpg");
$(".google-link").attr("href", "http://www.google.com"); (Örneğe bakın)
CSS stillerini css() ile değiştirin:
$("h1").css("font-family", "monospace");
$("h1").css({"font-family": "monospace", color: "red"}); (Örneğe bakın)
addClass() ile bir sınıf ismi ekleyin:
$("h1").addClass("warning");
Bir HTML dizesini jQuery fonksiyonuna geçirerel ve sıfırdan yeni öğeler oluşturabilirsiniz:
var $p = $("<p>");
İsterseniz HTML'nin tamamını, etiket içeriği, özellikler, ve stiller dahil, geçirebilirsiniz.
var $p = $('<p style="color:red;">Kedi seven insanları seviyorum.</p>');
Bir ögeyi yarattığınızda, bunu yukarıdaki yöntemlerin herhangi birisini kullanarak değiştirebilirsiniz:
$p.addClass("warning");
Daha sonra, append() kullanarak bunu mevcut bir ögeye ekleyebilirsiniz: :
$("#main-div").append($p); (Örneğe bakın)
Ayrıca prepend() kullanarak bunu sayfaya ekleyebilirsiniz. (Örneğe bakın) veya appendTo() (Örneğe bakın).
Read the jQuery documentation for more details on each of these methods, following the linked method names above. We won't be able to cover everything here, and as web development best practices change quickly, you will need to get good at reading documentation to keep up to date on the latest and greatest. It's good to start working on that skill now!