[JQUERY] 어떻게 jQuery를 여러 클래스와 요소를 선택할 수 있습니다?

어떻게 jQuery를 여러 클래스와 요소를 선택할 수 있습니다?

해결법

1. ---

   1.당신이 (논리적 AND와 같은 교차로) 두 클래스 만 요소를 일치 시키려면, 단지 사이에 공백없이 함께 선택기를 쓰기 :

   당신이 (논리적 AND와 같은 교차로) 두 클래스 만 요소를 일치 시키려면, 단지 사이에 공백없이 함께 선택기를 쓰기 :

   $('.a.b')
   

   당신은 또한 클래스를 교환 할 수 있도록 순서는 관련이 없습니다 :

   $('.b.a')
   

   그래서 클래스 B와 C와 함께, 당신은 쓸 것의 ID를 가진 div 요소와 일치합니다 :

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

   (실제로, 당신이 가장 가능성이 특정을받을 필요가 없으며, 그 자체에 의해 ID 또는 클래스 선택은 일반적으로 충분하다 :. $ ( '#의 A'))

2. ---

   2.당신은 필터 () 함수를 사용하여이 작업을 수행 할 수 있습니다

   당신은 필터 () 함수를 사용하여이 작업을 수행 할 수 있습니다

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

3. ---

   3.경우에 대한

   경우에 대한

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

   당신은이 .a와 .b.c 사이에 공백을 넣어해야합니다

   $('.a .b.c')
   

4. ---

   4.당신이 가지고있는 문제는 당신이 배수 선택기를 사용한다 반면에 당신이 그룹 선택기를 사용하고 있다는 것입니다! 당신은 $를 사용하고 ( '. A, .B')는 $를 사용한다 반면 ( '. a.b')를 더 구체적이어야합니다.

   당신이 가지고있는 문제는 당신이 배수 선택기를 사용한다 반면에 당신이 그룹 선택기를 사용하고 있다는 것입니다! 당신은 $를 사용하고 ( '. A, .B')는 $를 사용한다 반면 ( '. a.b')를 더 구체적이어야합니다.

   자세한 내용은 herebelow 선택기를 결합하는 다른 방법의 개요를 참조하십시오!

   모든

   요소의 모든

   요소 모두 요소를 선택

   $('h1, p, a')
   

   클래스 코드와 빨간 텍스트를 입력의 모든 요소를 선택합니다 :

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

   모두 선택

   요소 내부 요소 :

   $('p i')
   

   은 <리> 요소의 직계 자식 인 모든

   요소를 선택합니다 :

   $('li > ul')
   

   요소 바로 뒤에 배치 된 모든 요소를 선택합니다 :

   $('h2 + a')
   

   요소의 형제 자매 모두 요소를 선택합니다 :

   $('div ~ span')
   

   ---

   5.$ ( '. .B, .A이 .c') CSS ( '경계', '2 픽셀 고체 노란색.'); // 선택 B와 C <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

   를

   B

   C

   D

   $ ( '. .B, .A이 .c') CSS ( '경계', '2 픽셀 고체 노란색.'); // 선택 B와 C <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

   를

   B

   C

   D

   ---

   6.그냥 요소와 또 다른 사건을 언급 :

   그냥 요소와 또 다른 사건을 언급 :

   예를 들면

   그냥 입력 : $를 ( "DIV 번호의 title1.A.B.C")

   ---

   7.바닐라 자바 ​​스크립트 솔루션 : -

   바닐라 자바 ​​스크립트 솔루션 : -

   document.querySelectorAll ( '. a.b')

   ---

   8.성능 향상을 위해 당신이 사용할 수있는

   성능 향상을 위해 당신이 사용할 수있는

   $('div.a.b')
   

   이것은 단지 대신 당신이 당신의 페이지에 가지고있는 모든 HTML 요소를 단계별로의 DIV 요소를 볼 것이다.

   ---

   9.그룹 선택기

   그룹 선택기

   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;}
   

   이되다 :

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

   그래서 경우에 당신은 교차로 반면 그룹 선택을 시도

   $(".a, .b") 
   

   대신 이것을 사용

   $(".a.b") 
   

   ---

   10.당신은 이것에 대한 jQuery를 필요가 없습니다

   당신은 이것에 대한 jQuery를 필요가 없습니다

   바닐라에서 당신은 할 수 있습니다 :

   document.querySelectorAll('.a.b')
   

   ---

   11.당신의 코드를 $ ( ". A는, .B는") (A 같은 시간에) 여러 요소 아래에 작동합니다

   당신의 코드를 $ ( ". A는, .B는") (A 같은 시간에) 여러 요소 아래에 작동합니다

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

   당신은 혼수없이 사용 JS보다 요소가하고 <요소 클래스 = "A B">와 같은 두 클래스 B 가진 선택하려면

   $('.a.b')
   

   ---

   12.당신은 당신이 원하는 무엇을 getElementsByClassName () 메서드를 사용할 수 있습니다.

   당신은 당신이 원하는 무엇을 getElementsByClassName () 메서드를 사용할 수 있습니다.

   VAR의 elems = document.getElementsByClassName ( "A B의 C"); elems [0] = .style.color "녹색"; CONSOLE.LOG (elems [0]);

   <리 클래스 = "A">은 <리 클래스 = "A B"> A, B
   • A, B, C

     이것은 또한 가장 빠른 솔루션입니다. 당신은 여기에 대한 벤치 마크를 볼 수 있습니다.

   • ---

     13.VAR ELEM = document.querySelector ( "a.b.");

     VAR ELEM = document.querySelector ( "a.b.");

   from https://stackoverflow.com/questions/1041344/how-can-i-select-an-element-with-multiple-classes-in-jquery by cc-by-sa and MIT license

   'JQUERY' 카테고리의 다른 글

   [JQUERY] 파일이 jQuery를 또는 순수 자바 스크립트에 있는지 어떻게 확인합니까?  (0)	2020.09.25
   [JQUERY] jQuery를 어떻게 데이터 - 속성 값을 기반으로 요소를 찾는 방법은?  (0)	2020.09.25
   [JQUERY] 어떻게 자바 스크립트 / jQuery를 구문 작업 않습니다 (기능 (윈도우, 정의되지 않은) {}) (창)?  (0)	2020.09.25
   [JQUERY] 어떻게 오늘 날짜에 일수를 추가하려면? [복제]  (0)	2020.09.25
   [JQUERY] jQuery로 트리거 키 누르기 이벤트에 확실한 방법  (0)	2020.09.25