1. id, name으로 체크박스(checkbox)의 체크(checked) 확인하기 $('input:checkbox[id="checkbox_id"]').is(":checked") == true$('input:checkbox[name="checkbox_name"]').is(":checked") == true$('input[name="checkbox_name"]').is(":checked") 2. 체크박스(checkbox)의 갯수(length) 확인하기 $('input:checkbox[id="checkbox_name"]').length $('input:checkbox[id="checkbox_name"]:checked').length $('input:checkbox[id ='checkbox_name[]"]:c..

Javascript 에서 URL get 방식을 통해 파라미터의 데이터를 받아 처리해야 하는 경우 사용하시면 됩니다.- Javascript -var getParameters = function (paramName) { // 리턴값을 위한 변수 선언 var returnValue; // 현재 URL 가져오기 var url = location.href; // get 파라미터 값을 가져올 수 있는 ? 를 기점으로 slice 한 후 split 으로 나눔 var parameters = (url.slice(url.indexOf('?') + 1, url.length)).split('&'); // 나누어진 값의 비교를 통해 paramName 으로 요청된 데이터의 값만 return for (var i = 0; i < par..

1. 선택된 값 읽기 $("#selectBox option:selected").val();$("select[name=name]").val(); 2. 선택된 이름 읽기 $("#selectBox option:selected").text(); 3. 선택된 위치 var index = $("#test option").index($("#test option:selected")); 4. 마지막 옵션 추가하기 $("#selectBox").append("Apples");$("#selectBox").append("After Apples"); 5. 첫번째 옵션 추가하기 $("#selectBox").prepend("Before Apples"); 6. 모든 옵션 없애고 추가하기 $("#selectBox").html("Some ..

1. id, name, class 가져오기! var getId=$(this).attr("id");var getName=$(this).attr("name");var getClass=$(this).attr("class"); 2. id, name, class로 value 가져오기! var idVal=$("#id").val();var nameVal=$("input[name=name]").val();var classVal=$(".class").val();

1. 핵심 DOM 객체 Node : 노드를 다루는 기본 기능과 속성을 제공하며, 노드를 탐색하고 조작할 때 사용합니다.Text : 텍스트 제어기능을 조작할 때 사용합니다.Attribute : 속성을 조작할 때 사용합니다.Document : Text, Element, Attribute등 노드를 생성하는 팩토리 메서드로 구성돼 있으며, 노드를 생성할 때 사용합니다. Element : HRML, XML 태그 요소의 기본기능과 속성을 제공하며, 속성과 이벤트를 제어할 때 사용합니다.HTMLDocument : Document 객체를 확장하여 HTML용 속성과 메서드를 추가한 객체로 body가 이 객체의 속성입니다.HTMLElement : Element 객체를 상속받은 HTML 태그 요소 전용으로 기본기능과 속성을..

1. 웹 페이지를 처리하는 단계 1. 페이지 읽기 - '페이지 읽기'에서는 브라우저가 HTML 페이지를 읽습니다.2. 파싱 - '파싱'에서는 웹페이지 내용을 해석하고, 개발자가 작성한 마크업 태그와 1:1매칭이 되는 DOM 클래스의 객체를 실행하고, 생성된 객체는 저마다 고유 기능을 동작 하게 됩니다.3. 출력 - '출력'에서는 생성한 DOM객체를 가지고 웹페이지 화면을 생성하게됩니다. 2. DOM과 노드의 관계 HTML 구성 요소의 가장 작은 단위 노드라 합니다. 노드에는 , , , , 주석 등이 해당됩니다. 웹브라우저는 읽어 들일 때 노드들을 해석한 후 각 노드와 1:1로 대응하는 DOM 객체를 생성합니다. DOM객체는