-
[JavaScript&jQuery] jquery selector, this 사용하기programming/JavaScript&jQuery 2019. 7. 10. 22:59반응형
제이쿼리에서 선택자를 이용해서 많을 것을 할 수 있다.
$("#id").val() : 아이디 선택자
$(".class").val() : 클래스 선택자
id 또는 class 명을 통해서 선택을 할 수 있는데
여러 가지를 선택할 경우에는 this 등의 키워드를 사용해서 선택하는 방법도 있다.(클래스도 여러 개 선택된다.)
- 여러가지 체크박스를 이용할 경우에 여러 가지 아이디를 사용해서
id="check1", id="check2" ... 등으로 만들고 각각의 click 이벤트를 연결해서 사용할 수 도 있지만
$("input[type=checkbox]").click(function(){
// content ..
});
위와 같이 모든 체크박스를 한 번에 연결할 수 도 있다.
이러한 상황에서는 이번에 선택된 체크박스를 $(this) 키워드를 통해서 구분할 수 있다.
$(this).val() : 등으로 선택된 체크박스의 값을 가져올 수 있다.
반대의 경우엔
$("input[type=checkbox]").not(this) : 이러한 방법으로 선택된 체크박스 말고 나머지에 대한 컨트롤이 가능하다.
반응형'programming > JavaScript&jQuery' 카테고리의 다른 글
[jQuery] 제이쿼리 오브젝트 합치기 - jQuery.extend() (0) 2019.08.21 [JavaScript & jQuery] 정규식 패턴 여러개 치환하기 (1) 2019.08.20 [JavaScript&jQuery] 자바스크립트 정규식(문자만, 숫자만) (0) 2019.08.13 [JavaScript&jQuery] 동적 생성 HTML에 이벤트 추가하기 (1) 2019.08.07 [JavaScript&jQuery] JavaScript Date() 사용법 (0) 2019.07.10