Selector
-
jsp페이지에서 jQuery로 체크박스(checkbox) 예외처리, 체크박스 셀렉터 (:checkbox)Web/jQuery 2018. 9. 5. 11:12
체크박스, 셀렉터를 함께 포스팅했던 예제가 있다. 그 예제에서는 아무것도 체크하지 않고 요청을 하는 경우 예외처리를 위해 서블릿에서 getParameterValues를 통해 받은 String 배열이 null인지 확인하는 절차가 필요했다. 공부하면서 이를 jQuery를 통해 서블릿에 요청 보내기 전에 확인할 수 있는 방법에 대해 포스팅 좌상단 '선택 사진 삭제' 버튼에 클릭이벤트를 작성한다. 작성자는 id를 delete로 해두었기 때문에 $("#delete").click 을 호출한다. $("#delete").click(function(){ if( $("input[type=checkbox][name=checkbox]:checked").length == 0 ){ alert("삭제할 항목을 하나이상 체크해요."..
-
jQuery 셀렉터(Selector) 예제Web/jQuery 2018. 9. 5. 10:53
자바스크립트에서도 css와 같이 원하는 태그만을 취사선택 해 각기 다른 디자인을 할 수 있다. css 포스팅에서 말했었던 Cascading( > ) , 클래스, id에 대해 각각 다른 디자인을 부여할 수 있다. 다음과 같이 태그, id, class에 대해 $("셀렉터명") 을 통해 접근할 수 있다.다음 명령어는 destinations 라는 id를 가진 태그의 하위에 있는 모든 li를 가리킨다.바로 아래 단계의 li 태그들만 탐색하고 싶다면 css와 마찬가지로 '>' 기호를 사용한다. 예제를 통해 확인해보자. ※모든 예제는 아톰(atom)으로 코드 작성했고, 오페라 브라우저를 통해 확인했다. html 문서 작업이 굉장히 편하기 때문에 사용을 권하고, 브라우저는 크롬이나 오페라를 권장한다. 인터넷 익스플로러..