jQuery o‘rnatish (set)
Kontentni o‘rnatish — text(), html() va val()
Kontentni o‘rnatish uchun oldingi sahifadagi o‘sha uchta metoddan foydalanamiz:
text()- Tanlangan elementlarning matnli kontentini o‘rnatadi yoki qaytaradihtml()- Tanlangan elementlarning kontentini (HTML belgilashlari bilan birga) o‘rnatadi yoki qaytaradival()- Forma maydonlarining qiymatini o‘rnatadi yoki qaytaradi
Quyidagi misol jQuery text(), html() va val() metodlari yordamida kontentni qanday o‘rnatishni ko‘rsatadi:
Misol
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
O‘zingiz sinab ko‘ring »
text(), html() va val() uchun callback funksiyasi
Yuqoridagi uchala jQuery metodi — text(), html() va val() — callback funksiyasini ham qabul qiladi. Callback funksiyasi ikkita parametrga ega: tanlangan elementlar ro‘yxatidagi joriy elementning indeksi va asl (eski) qiymat. So‘ngra funksiyadan yangi qiymat sifatida ishlatmoqchi bo‘lgan stringni qaytarasiz.
Quyidagi misol text() va html() metodlarini callback funksiyasi bilan namoyish etadi:
Misol
$("#btn1").click(function(){
$("#test1").text(function(i, origText){
return "Old text: " + origText + " New text: Hello world!
(index: " + i + ")";
});
});
$("#btn2").click(function(){
$("#test2").html(function(i, origText){
return "Old html: " + origText + " New html: Hello <b>world!</b>
(index: " + i + ")";
});
});
O‘zingiz sinab ko‘ring »
Atributlarni o‘rnatish — attr()
jQuery attr() metodi atribut qiymatlarini o‘rnatish/o‘zgartirish uchun ham ishlatiladi.
Quyidagi misol havoladagi href atributining qiymatini qanday o‘zgartirishni (o‘rnatishni) ko‘rsatadi:
Misol
$("button").click(function(){
$("#w3s").attr("href", "https://www.w3schools.com/jquery/");
});
O‘zingiz sinab ko‘ring »
attr() metodi bir vaqtning o‘zida bir nechta atributni o‘rnatish imkonini ham beradi.
Quyidagi misol href va title atributlarini bir vaqtning o‘zida qanday o‘rnatishni ko‘rsatadi:
Misol
$("button").click(function(){
$("#w3s").attr({
"href" : "https://www.w3schools.com/jquery/",
"title" : "W3Schools jQuery Tutorial"
});
});
O‘zingiz sinab ko‘ring »
attr() uchun callback funksiyasi
jQuery attr() metodi ham callback funksiyasini qabul qiladi. Callback funksiyasi ikkita parametrga ega: tanlangan elementlar ro‘yxatidagi joriy elementning indeksi va atributning asl (eski) qiymati. So‘ngra funksiyadan atributning yangi qiymati sifatida ishlatmoqchi bo‘lgan stringni qaytarasiz.
Quyidagi misol attr() metodini callback funksiyasi bilan namoyish etadi:
Misol
$("button").click(function(){
$("#w3s").attr("href", function(i, origValue){
return origValue + "/jquery/";
});
});
O‘zingiz sinab ko‘ring »
jQuery mashqlari
jQuery HTML ma’lumotnomasi
Barcha jQuery HTML metodlari bo‘yicha to‘liq ma’lumot uchun jQuery HTML/CSS ma’lumotnomasiga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!