일반 선택자
$(.class) = 클래스 선택자
$(#id) = id 선택자
$(input:[name='name 값'])
$("[id^=faq_]").click(function(){
if($(this).children().hasClass('btn_open')){
$(this).next().show(); // next() 선택한 요소의 다음 요소를 선택합니다.
$(this).children().removeClass('btn_open');
$(this).children().addClass('btn_fold');
}else{
$(this).next().hide();
$(this).children().removeClass('btn_fold');
$(this).children().addClass('btn_open');
}
});
이런식으로 사용합니다
- element[속성~=값]: 해당 값이 특정 단어로 시작
- element[속성^=값]: 특정 값으로 시작하는 객체
- element[속성$=값]: 특정 값으로 끝나는 객체
- element[속성*=값]: 특정 값을 포함하는 문서 객체
'프로그래밍 > JavaScript' 카테고리의 다른 글
Javascript 파일업로드 input 태그 multiple 사용시 FileList 동적으로 변경하기 (0) | 2023.01.08 |
---|---|
javascript & jQuery 요소 찾기 정리 (0) | 2023.01.08 |
JQuery serialize( ), serializeArray( ), serializeObject( ) 사용법 (0) | 2023.01.05 |
자바스크립트 함수 선언 6가지 방법 (0) | 2022.11.02 |
자바스크립트 데이터 속성 'data-' & 제이쿼리로 데이터 가공 (0) | 2022.09.19 |