programming/JavaScript&jQuery

[JavaScript&jQuery] jquery selector, this 사용하기

LeeBorn 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) : 이러한 방법으로 선택된 체크박스 말고 나머지에 대한 컨트롤이 가능하다.

반응형