JQuery'de birden fazla s─▒n─▒f─▒ olan bir ├Â─čeyi nas─▒l se├žebilirim?


Al─▒nan cevaba git


─░ki s─▒n─▒f olan t├╝m unsurlar─▒ se├žmek istedi─činiz a ve b .

 <element class="a b">
 

Yani, sadece iki s─▒n─▒fa da sahip olan ├Â─čeler .

Kulland─▒─č─▒mda $(".a, .b") bana sendika veriyor ama kesi┼čme noktas─▒n─▒ istiyorum.


1969









Cevap say─▒s─▒n─▒ say: 13






Yaln─▒zca her iki s─▒n─▒ftaki ├Â─čeleri e┼čle┼čtirmek istiyorsan─▒z (mant─▒ksal bir AND gibi bir kesi┼čme noktas─▒), se├žicileri aralar─▒nda bo┼čluk b─▒rakmadan yazman─▒z yeterlidir :

 $('.a.b')
 

Sipari┼č ├Ânemli de─čil, bu y├╝zden s─▒n─▒flar─▒ de─či┼čtirebilirsin:

 $('.b.a')
 

Bir ma├ž i├žin Yani div bir kimli─či vard─▒r eleman─▒ a s─▒n─▒flar─▒yla b ve c ┼ču yaz─▒l─▒r:

 $('div#a.b.c')
 

(Uygulamada, b├╝y├╝k olas─▒l─▒kla o spesifik belirtmeniz gerekmez ve bir kimlik veya s─▒n─▒f se├žicisi genellikle yeterlidir:. $('#a') )


2527







filter() ─░┼člevini kullanarak bunu yapabilirsiniz :

 $(".a").filter(".b")
 

167







Dava i├žin

 <element class="a">
  <element class="b c">
  </element>
</element>
 

Sen aralar─▒nda bir bo┼čluk koymak gerekir .a ve .b.c

 $('.a .b.c')
 

116







Kar┼č─▒la┼čt─▒─č─▒n─▒z sorun, a kullan─▒yor Group Selector olman─▒zd─▒r, oysa a kullan─▒yor olmal─▒s─▒n─▒z Multiples selector ! Daha a├ž─▒k olmak i├žin kullanman─▒z $('.a, .b') gereken halindeyken kullan─▒yorsunuz $('.a.b') .

Daha fazla bilgi i├žin, se├žicileri birle┼čtirmek i├žin farkl─▒ y├Ântemlerin geneline bak─▒n!


Grup Se├žici: ","

T├╝m <h1> ├Â─čeleri ve t├╝m <p> ├Â─čeleri ve t├╝m <a> ├Â─čeleri se├žin:

 $('h1, p, a')
 

Katlar se├žici: "" (karakter yok)

S─▒n─▒flar─▒n ve t├╝m <input> ├Â─čelerinin t├╝m├╝n├╝ se├žin : type text code red

 $('input[type="text"].code.red')
 

Soydan Se├žici: "" (bo┼čluk)

<i> ├ľ─čelerin i├žindeki t├╝m ├Â─čeleri se├žin <p> :

 $('p i')
 

├çocuk Se├žici: ">"

<ul> Bir <li> ├Â─čenin hemen alt ├Â─česi olan t├╝m ├Â─čeleri se├žin :

 $('li > ul')
 

Biti┼čik Karde┼č Se├žici: "+"

<a> ├ľ─čelerden hemen sonra yerle┼čtirilen t├╝m ├Â─čeleri se├žin <h2> :

 $('h2 + a')
 

Genel Karde┼č Se├žici: "~"

<span> ├ľ─čelerin karde┼čleri olan t├╝m ├Â─čeleri se├žin <div> :

 $('div ~ span')
 

59







 $('.a .b , .a .c').css('border', '2px solid yellow');
//selects b and c 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="a">a
  <div class="b">b</div>
  <div class="c">c</div>
  <div class="d">d</div>
</div> 


36







Sadece elementli ba┼čka bir vakadan bahsedin:

├ľrne─čin <div id="title1" class="A B C">

Sadece yaz: $("div#title1.A.B.C")


25







Vanilya JavaScript ├ž├Âz├╝m├╝: -

document.querySelectorAll('.a.b')


25







Daha iyi performans i├žin kullanabilece─činiz

 $('div.a.b')
 

Bu, sayfan─▒zdaki t├╝m html ├Â─čelerine ad─▒m atmak yerine yaln─▒zca div ├Â─čelerine bakacakt─▒r.


18







Grup Se├žici

 body {font-size: 12px; }
body {font-family: arial, helvetica, sans-serif;}
th {font-size: 12px; font-family: arial, helvetica, sans-serif;}
td {font-size: 12px; font-family: arial, helvetica, sans-serif;}
 

Bu olur:

 body, th, td {font-size: 12px; font-family: arial, helvetica, sans-serif;}
 

Yani sizin durumunuzda grup se├žiciyi denediniz, oysa kesi┼čme noktas─▒

 $(".a, .b") 
 

bunun yerine bunu kullan

 $(".a.b") 
 

8







kodunuz $(".a, .b") birden fazla ├Â─čenin alt─▒nda ├žal─▒┼čacakt─▒r (ayn─▒ anda)

 <element class="a">
<element class="b">
 

a ve b elemanlar─▒n─▒ se├žmek istiyorsan─▒z, her ikisinde de, <element class="a b"> js'yi koma kullanmadan kullanmak gibi

 $('.a.b')
 

4







Bunun jQuery i├žin gerek yok

Gelen Vanilla yapabilece─činiz:

 document.querySelectorAll('.a.b')
 

3







─░stedi─činiz ┼čey i├žin getElementsByClassName() y├Ântemi kullanabilirsiniz .

 var elems = document.getElementsByClassName("a b c");
elems[0].style.color = "green";
console.log(elems[0]); 
 <ul>
  <li class="a">a</li>
  <li class="a b">a, b</li>
  <li class="a b c">a, b, c</li>
</ul> 

Bu ayn─▒ zamanda en h─▒zl─▒ ├ž├Âz├╝md├╝r. Burada bir k─▒yaslama g├Ârebilirsiniz .


1







var elem = document.querySelector (". ab");


0



─░lgili yay─▒nlar


JQuery'de ad ├Âzelli─čine sahip bir ├Â─čeyi nas─▒l se├žerim? [├žift]

Stilleri ayn─▒ anda birden fazla s─▒n─▒fa nas─▒l uygulayabilirim?

JQuery kullanarak bir elementin ba┼čl─▒k niteli─či nas─▒l de─či┼čtirilir

2 s─▒n─▒fl─▒ bir eleman nas─▒l se├žilir

JQuery'de birden fazla s─▒n─▒f ekleyin ve kald─▒r─▒n

jQuery, se├žicideki belirli s─▒n─▒ftaki ├Â─čeleri d─▒┼člar

JqLite kullanarak s─▒n─▒f ad─▒na g├Âre bir eleman nas─▒l se├žilir?

Tek bir kural dahilinde, birden fazla s─▒n─▒f i├žeren ├Â─čeleri hedefleme

Birden fazla s─▒n─▒fa sahip elemanlar nas─▒l elde edilir

Jquery i├žinde href taraf─▒ndan bir element nas─▒l elde edilir?

Etiketle ilgili di─čer sorular [jquery]


ÔÇťGit exportÔÇŁ (ÔÇťsvn exportÔÇŁ gibi) m─▒?

Neden Facebook Flux ├╝zerinden Redux kullan─▒yorsunuz? [kapal─▒]

─░├ž derz ├╝zerine ne zaman ├žapraz uygulamal─▒y─▒m?

Java 8 Liste <V> haritaya <K, V>

Birden fazla git i┼člemi nas─▒l geri al─▒n─▒r?

Python'da dosya olu┼čturma ve de─či┼čtirme tarihi / saatleri nas─▒l al─▒n─▒r?

WebSockets vs. Sunucu Taraf─▒ndan G├Ânderilen etkinlikler / EventSource

Python'daki open (), yoksa bir dosya olu┼čturmaz

Markdown dosyalar─▒n─▒ ├ževrimd─▒┼č─▒ olarak g├Âr├╝nt├╝le [kapal─▒]

Bash'te tek ve ├žift t─▒rnak aras─▒ndaki fark