Ko'p CSS tanlovchilari jQuery CSS usuli bilan ishlamaydi

Quyidagi kodni sinab ko'rmoqchiman, lekin u ishlamayapti. Saylovchilarning barchasi to'g'ri (Konsolda ikkala ro'yxat elementlari ham ko'rinadi), ammo bunga qarama qarshi CSS faqat birinchi elementga qo'llaniladi. Nima uchun shunday?

HTML

  • 1
  • 2
  • 3

SCRIPT

$(document).ready(function(){
    var a=$(".c1");
    var b=$(".c2");
    console.log(a, b);
    $(b, a).css("font-size", "20px");
});
1
Men js/jq bo'yicha mutaxassis emasman, lekin var a = $ (".C1") [0]; var b = $ (".2") [0];
qo'shib qo'ydi muallif Andrey Fedorov, manba

8 javoblar

Agar siz jQuery funktsiyasi uchun hujjatlarni o'qigan bo'lsangiz, u holda hech narsa tavsiya etilmaydi ishlashi mumkin.

Ikki alohida jQuery moslamasini birlashtirishni istasangiz, buni add usulida :

b.add(a).css("font-size", "20px");

Misol:

<div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false"> <div class="snippet-code snippet-currently-hidden">

var a = $(".c1");
var b = $(".c2");
console.log(a, b);
b.add(a).css("font-size", "20px");

  • 1
  • 2
  • 3
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</div> </div>

Yoki, albatta, $ deb chaqirganingizda tanlangan guruh bir marta:

$(".c1, .c2").css("font-size", "20px");

<div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false"> <div class="snippet-code snippet-currently-hidden">

$(".c1, .c2").css("font-size", "20px");

  • 1
  • 2
  • 3
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</div> </div>

2
qo'shib qo'ydi
@VikasKumar: a va b bilan $ (a, b) ish. $ (a, b) "bir nechta tanlovchi emasligini" unutmang, bu $ funksiyasiga bir nechta argumentlar. $ (".C1, .c2") - bu (ixtiyoriy, "bir nechta tanlovchilar") vazifaga bitta </​​i> argument sifatida taqdim etilgan.
qo'shib qo'ydi muallif T.J. Crowder, manba
@VikasKumar: Agar jQuery ob'ektini jQuery usuli chaqirganda foydalansangiz, lekin ikkita jQuery moslamasini mazmunini birlashtirish uchun joylar mavjud. Men jQuery API orqali bir yoki ikki soat o'qishni taklif qilaman, ehtimol, narsalarni yanada aniqroq qilishni (va, albatta, bu uzoq davom etadi).
qo'shib qo'ydi muallif T.J. Crowder, manba
@VikasKumar: Men hech qanday tasavvurga ega emasman, men yaxshi trendi emasman. Ammo FWIW, men ishonmayman; Aksincha, "veb-texnologiyalar" (Cordova/PhoneGap, React native, va boshqalar.) bilan yozilgan ilovalar yanada keng tarqalgan va yuqori sifatli bo'ladi.
qo'shib qo'ydi muallif T.J. Crowder, manba
Ok. Lekin nima uchun $ (a, b) .click() narsa (ya'ni hodisalar) ishlaydi? CSS (), hide() kabi boshqa jQuery usullari uchun emas, balki voqealar uchun mo'ljallangan bu turdagi bir necha tanlovchilar bormi?
qo'shib qo'ydi muallif Vikas Kumar, manba
Oh! Menimcha, boshqa $ ifodasida jQuery $ ifodasini ishlatmaslik kerakligini aytmoqchiman? Bu to'g'rimi?
qo'shib qo'ydi muallif Vikas Kumar, manba
OK, rahmat :)
qo'shib qo'ydi muallif Vikas Kumar, manba
Yana bitta umumiy savol. Juda tajribali veb-ishlab chiquvchi kabi ko'rinasiz (ilgari mening savollarimga javob berdingiz). Men Web Technologies bilan ishlashni yoqtiraman, lekin yangi avlod Android, iOS ilovalarini o'rganmoqda. Sizningcha, 2-3 yil ichida veb-ishlab chiqarish to'xtab qolishi mumkinmi va veb-vositalardagi barcha ishim behuda ketadimi?
qo'shib qo'ydi muallif Vikas Kumar, manba

Agar siz jQuery funktsiyasi uchun hujjatlarni o'qigan bo'lsangiz, u holda hech narsa tavsiya etilmaydi ishlashi mumkin.

Ikki alohida jQuery moslamasini birlashtirishni istasangiz, buni add usulida :

b.add(a).css("font-size", "20px");

Misol:

<div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false"> <div class="snippet-code snippet-currently-hidden">

var a = $(".c1");
var b = $(".c2");
console.log(a, b);
b.add(a).css("font-size", "20px");

  • 1
  • 2
  • 3
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</div> </div>

Yoki, albatta, $ deb chaqirganingizda tanlangan guruh bir marta:

$(".c1, .c2").css("font-size", "20px");

<div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false"> <div class="snippet-code snippet-currently-hidden">

$(".c1, .c2").css("font-size", "20px");

  • 1
  • 2
  • 3
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</div> </div>

2
qo'shib qo'ydi
@VikasKumar: a va b bilan $ (a, b) ish. $ (a, b) "bir nechta tanlovchi emasligini" unutmang, bu $ funksiyasiga bir nechta argumentlar. $ (".C1, .c2") - bu (ixtiyoriy, "bir nechta tanlovchilar") vazifaga bitta </​​i> argument sifatida taqdim etilgan.
qo'shib qo'ydi muallif T.J. Crowder, manba
@VikasKumar: Agar jQuery ob'ektini jQuery usuli chaqirganda foydalansangiz, lekin ikkita jQuery moslamasini mazmunini birlashtirish uchun joylar mavjud. Men jQuery API orqali bir yoki ikki soat o'qishni taklif qilaman, ehtimol, narsalarni yanada aniqroq qilishni (va, albatta, bu uzoq davom etadi).
qo'shib qo'ydi muallif T.J. Crowder, manba
@VikasKumar: Men hech qanday tasavvurga ega emasman, men yaxshi trendi emasman. Ammo FWIW, men ishonmayman; Aksincha, "veb-texnologiyalar" (Cordova/PhoneGap, React native, va boshqalar.) bilan yozilgan ilovalar yanada keng tarqalgan va yuqori sifatli bo'ladi.
qo'shib qo'ydi muallif T.J. Crowder, manba
Ok. Lekin nima uchun $ (a, b) .click() narsa (ya'ni hodisalar) ishlaydi? CSS (), hide() kabi boshqa jQuery usullari uchun emas, balki voqealar uchun mo'ljallangan bu turdagi bir necha tanlovchilar bormi?
qo'shib qo'ydi muallif Vikas Kumar, manba
Oh! Menimcha, boshqa $ ifodasida jQuery $ ifodasini ishlatmaslik kerakligini aytmoqchiman? Bu to'g'rimi?
qo'shib qo'ydi muallif Vikas Kumar, manba
OK, rahmat :)
qo'shib qo'ydi muallif Vikas Kumar, manba
Yana bitta umumiy savol. Juda tajribali veb-ishlab chiquvchi kabi ko'rinasiz (ilgari mening savollarimga javob berdingiz). Men Web Technologies bilan ishlashni yoqtiraman, lekin yangi avlod Android, iOS ilovalarini o'rganmoqda. Sizningcha, 2-3 yil ichida veb-ishlab chiqarish to'xtab qolishi mumkinmi va veb-vositalardagi barcha ishim behuda ketadimi?
qo'shib qo'ydi muallif Vikas Kumar, manba

Bitta so'rovda vergul bilan ajratilgan bir nechta elementni tanlashingiz mumkin

Bu ishlashi kerak

$(document).ready(function(){
    $(".c2, .c1").css("font-size", "20px");
});
2
qo'shib qo'ydi

Bitta so'rovda vergul bilan ajratilgan bir nechta elementni tanlashingiz mumkin

Bu ishlashi kerak

$(document).ready(function(){
    $(".c2, .c1").css("font-size", "20px");
});
2
qo'shib qo'ydi

Bu sizning savolingizga javob bermasligi mumkin, lekin siz class elementi atributidan foydalanishni istamaysiz. Sizning holatingizda siz ikkita li sinf elementlarini boshqacha, .c1 , .c2 deb atashgansiz. Identifikatorlari va bu oqilona bo'ladi.

You can just apply the same class name for the two items (i.e.

), then have the following statement:
$('.c').css('font-size', '20px');
1
qo'shib qo'ydi

Bu sizning savolingizga javob bermasligi mumkin, lekin siz class elementi atributidan foydalanishni istamaysiz. Sizning holatingizda siz ikkita li sinf elementlarini boshqacha, .c1 , .c2 deb atashgansiz. Identifikatorlari va bu oqilona bo'ladi.

You can just apply the same class name for the two items (i.e.

), then have the following statement:
$('.c').css('font-size', '20px');
1
qo'shib qo'ydi
Here is the working code,

$(document).ready(function(){
    var a=$(".c1,.c2");
    console.log(a);
    $(a).css("font-size", "20px");
});
---> $(".c1, .c2").css("font-size", "20px");

Here is the simple syntax to use multiple selector classes −
$('E, F, G,....')

as per your code, 
$(document).ready(function(){
    var a=$(".c1");
    var b=$(".c2");
    console.log(a, b);
    $(b, a).css("font-size", "20px");
});
it is like this, so it's not working.........
---> $(".c1", ".c2").css("font-size", "20px");
0
qo'shib qo'ydi
Here is the working code,

$(document).ready(function(){
    var a=$(".c1,.c2");
    console.log(a);
    $(a).css("font-size", "20px");
});
---> $(".c1, .c2").css("font-size", "20px");

Here is the simple syntax to use multiple selector classes −
$('E, F, G,....')

as per your code, 
$(document).ready(function(){
    var a=$(".c1");
    var b=$(".c2");
    console.log(a, b);
    $(b, a).css("font-size", "20px");
});
it is like this, so it's not working.........
---> $(".c1", ".c2").css("font-size", "20px");
0
qo'shib qo'ydi