jQuery olish (get)
jQuery HTML elementlar va atributlarni o‘zgartirish hamda ular bilan ishlash uchun kuchli metodlarga ega.
jQuery DOM manipulyatsiyasi
jQuery’ning juda muhim qismlaridan biri — DOM’ni o‘zgartirish (manipulyatsiya qilish) imkoniyati.
jQuery elementlar va atributlarga murojaat qilish hamda ularni o‘zgartirishni osonlashtiradigan DOM’ga oid ko‘plab metodlarga ega.
DOM = Document Object Model (hujjat obyekt modeli)
DOM HTML va XML hujjatlariga murojaat qilish standartini belgilaydi:
"W3C Document Object Model (DOM) — dasturlar va skriptlarga hujjatning
kontenti, tuzilmasi va uslubiga dinamik ravishda murojaat qilish hamda ularni
yangilash imkonini beruvchi, platforma va tilga bog‘liq bo‘lmagan interfeys."
Kontentni olish — text(), html() va val()
DOM manipulyatsiyasi uchun uchta oddiy, ammo foydali jQuery metodi:
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() va html() metodlari yordamida kontentni qanday olishni ko‘rsatadi:
Misol
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
O‘zingiz sinab ko‘ring »
Quyidagi misol jQuery val() metodi yordamida input maydonining qiymatini qanday olishni ko‘rsatadi:
Misol
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
O‘zingiz sinab ko‘ring »
Atributlarni olish — attr()
jQuery attr() metodi atribut qiymatlarini olish uchun ishlatiladi.
Quyidagi misol havoladagi href atributining qiymatini qanday olishni ko‘rsatadi:
Keyingi bobda kontent va atribut qiymatlarini qanday o‘rnatish (o‘zgartirish) tushuntiriladi.
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!