Web dasturlashga kirish


Download 0.89 Mb.
bet4/7
Sana10.11.2021
Hajmi0.89 Mb.
#440242
1   2   3   4   5   6   7
XoldorovaShWDKONI
Bog'liq
ishlab chiqarish va texnologik jarayonlar, ishlab chiqarish va texnologik jarayonlar, Computer and internet, Computer and internet, Computer and internet, XoldorovaShWDKONI, Пол Брегг — Очлик мўъжизаси, toplamlar quvvati. sanoqli va sanoqs

Download 0.89 Mb.

Do'stlaringiz bilan baham:
JQuery selektorlari

jQuery selektorlar HTML element (lar) ni tanlash va boshqarish imkonini beradi. jQuery selektorlari HTML elementlarini ularning nomi, identifikatori, sinflari, turlari, atributlari, atributlar qiymatlari va boshqa narsalarga asoslangan holda "topish" (yoki tanlash) uchun ishlatiladi. Bu mavjud CSS tanlovchilariga asoslangan va qo'shimcha ravishda ba'zi bir maxsus selektorilarga ega. JQuery-dagi barcha selektorlar dollar belgisi va qavslardan boshlanadi: $ ().

Element Selektor

JQuery elementini selektor element nomiga qarab elementlarni tanlaydi. Siz sahifadagi barcha


elementlarini quyidagicha tanlashingiz mumkin:

$ ("p")

Misol


Agar foydalanuvchi tugmachani bosganda, barcha
elementlari yashirinadi:

Misol


$(document).ready(function(){

$("button").click(function(){

$("p").hide();

});

});

Id Selektori

JQuery id selektori ma'lum elementni topish uchun HTML tegining id atributidan foydalanadi. Id sahifada noyob bo'lishi kerak, shuning uchun bitta, noyob element topmoqchi bo'lganingizda id selektoridan foydalanishingiz kerak.

Muayyan identifikatorga ega elementni topish uchun xash belgisini, so'ngra HTML elementining idini yozing:



$ ("# test")

Misol


Foydalanuvchi tugmachani bosganda, id = "test" elementi yashirinadi:

Misol


$(document).ready(function(){

$("button").click(function(){

$("#test").hide();

});

});

Class Selektori

JQuery .class selektori ma'lum bir sinfga ega elementlarni topadi. Muayyan sinfga ega elementlarni topish uchun nuqta belgisini yozing, so'ngra sinf nomi:



$ (". test")

Misol


Foydalanuvchi tugmachani bosganda class = "test" elementlari yashirinadi:

Misol


$(document).ready(function(){

$("button").click(function(){

$(".test").hide();

});

});

JQuerydagi qo`shimcha selektorlar:


elementlarini tanlaydi
elementlarini tanlaydi

$("*")

Barcha elementlarni tanlaydi

$(this)

Joriy HTML elementini tanlaydi

$("p.intro")

Class = "intro" bilan barcha
elementlarini tanlaydi

$("p:first")

Birinchi
elementini tanlaydi

$("ul li:first")

Birinchi

$("ul li:first-child")

Har bir
    ning birinchi
  • elementini tanlaydi

$("[href]")

Barcha elementlarni href atributi bilan tanlaydi

$("a[target='_blank']")

Maqsadli atribut qiymati "_blank" ga teng bo'lgan barcha elementlarini tanlaydi

$("a[target!='_blank']")

Maqsadli atribut qiymati "_blank" ga teng bo'lmagan barcha elementlarini tanlaydi

$(":button")

Barcha

$("tr:even")

Barcha

$("tr:odd")

Barcha toq

1   2   3   4   5   6   7




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2022
ma'muriyatiga murojaat qiling