Notice
Recent Posts
Recent Comments
Link
«   2024/04   »
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
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