jQuery 3

jQuery로 checkbox 제어(1)

일단 Body에 제어할 checkbox를 놓아두자. 1 2 3 4 스크립트 제어부분 Body안에는 제어할 체크박스를 위치하고 각각의 기능을 할 버튼을 세게 배치 하였다. 첫번째 버튼은 현재 체크되어 있는 체크박스의 수를 센다. 01번 위치의 스크립트를 보면 #btnCheck ID를 가진 버튼의 Click Event가 발생하면 실행되는 부분이다. $("input:checkbox:checked").length 는 현재 웹페이지의 checkbox의 check 된 element의 수를 센다. 02번 #("input:checkbox:not(checked).attr("checked","checked") 는 현재 웹페이지에서 체크되지 않은 [ not(checked) ] checkbox에 checked 어트리뷰트를 추..

jQuery Selector 를 이해해 보자.

강력한 jQuery Selector. javascript 의 원래 문법에 비해 너무도 강력한 css style 의 selecting 을 지원한다. 하지만 css 엔진을 이용하는 것이 아니고, 원래의 javascript 접근방식으로 재해석하여 동작하는 것이므로, jQuery 가 어떻게 selecting 해 올지 예상하는것이 필요하다. 그렇지 않으면 모든 dom 객체를 수십번 훑는 막장 코드가 나올지도 모른다. 일단 js 에서 dom 객체를 선택하는 방법을 생각해 보자. document.name getElementById() getElementsByName() getElementsByTagName() getElementsByClassName() getElementsByClassName() 의 경우 최신의 몇..