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