Jquery Api CSS Selector 중복? 멀티?교차?복합? and 연산?

<input type = "text" calss = "aclass selected" value = "OK">

<input type = "text" calss = "aclass" value="NO">

 

복잡한 웹 페이지 화면을 기획자가 만들어 주셔서

이래 저래

jquery 로 요리저리 개발을 하다 보니

어떤 이벤트시 클래스를 추가 해 주게 되었고 

특정 클래스를 가지고 이벤트 처리 해주는 기능이 새겼는데

 

문득 위의 태그처럼 aclass 와 selected 클래스를 가진 태그를 셀렉하고 싶다면 편할 일이 생겨서

고민하다가 jquery selector 사용법을 알게 되었네요

 

aclass, selected  이 두 클래스가 적용된 대상을 뽑고 싶다면

 

let 담아 = $(".aclass.selected") ;

 

위와 같이 하면 된답니다. 셀렉터를 전혀 모르는것은 아니였으나 저렇방법이 있을줄은

 

$(".aclass .selected") != $(".aclass.selected") ; // 이 둘은 다른 것이라는 것

전자는 aclass 하위의 selected        후자는 .aclass.selected 둘다 가지고 있는 대상을

선택하게 된답니다

 

별건 아니지만 작은 차이가 수많은 시간을 낭비 하게 만드는....