Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

web sprit

[jQuery] 선택자 여러개 연결하기 본문

스크립트/J-Query

[jQuery] 선택자 여러개 연결하기

커드만 2020. 2. 17. 15:02

$("[선택자], [선택자], [선택자]").EventMethod();

어떠한 선택자들이 같은 이벤트의 함수를 실행한다고 한다면
위와 같이 선택자를 여러개 묶어 같이 실행할 수 있습니다.

예를 들어 
클래스명이 다른 슬라이드가 있는데 
이것을 같은 슬라이드 플러그인 이벤트로 묶고 싶다거나
datepicker 와 같이 달력 기능이 있는 부분을 한번에 묶고 싶다면 사용할 수 있겠습니다.

아래 예시를 보면 어떻게 작성하는지 더 쉽게 이해하실 수 있을 것 같네요.

예를 들어 클릭 이벤트를 여러개의 선택자로 묶고 싶다면 아래와 같이 작성하면 되겠습니다.

$(".box01, .box02, #box01, #box02, div, p").click(function(){
	//.......
})

선택자로는 클래스명, 아이디명, 태그명으로 작성하여 선택할 수 있습니다.

Comments