yohanistory

empty()empty()는 요소의 내용을 완전히 비어버리는 기능 HTMLhello world 위의 html소스에서 hello world를 없애 버리는 기능을 empty()가 합니다. jQuery$('.hello').empty(); 위의 기능을 실행하면 클래스 hello가 갖고 있는 hello world는 사라지게 됩니다. remove()위의 empty()는 비어버리는 기능만 제공을 했는데요. 즉 div태그는 그대로 남아 있고 내용만 사라졌죠?remove()는 태그 자체가 사라져 버리는 기능을 제공합니다. HTMLhello world 위의 html소스에서 div 태그를 없애 버리는 기능을 remove()가 합니다. CSS.hello{border:3px solid yellow} 태그 자체가 사라진다는 것을..

.attr() 인자에 따라 2가지로 사용할 수 있습니다.하나의 인자만 있다면 속성값을 가져오는 것이고2개의 인자를 쓰면 속성값을 요소에 부여하는 것입니다. 아래 2가지 사용방법에 대해 설명되어 있습니다. attr(attributeName).attr( attributeName ).attr() 함수는 선택자에 의해 선택된 요소들 중에서 제일 처음 요소의 속성값을 가지고 오는 함수입니다.만일 모든 요소들의 속성값을 개별적으로 알고 싶다면, jQuery의 .each()함수나 .map() 함수를 사용해야 합니다. ex) ex) 클릭한 태그 id 가져오기var click_id = $(this).attr('id'); ex) 클릭한 아이디 값(value) 가져오기var click_val = $("#id").val();..

id 접근 $(“#id”) ex) $(“#header_area”) class로 접근 $(“.class”) ex) $(“.section_nav”) name으로 접근 $(tag_name[name=name]) ex) $(“input[name=search_value]“)

1. 소수점 올림, 버림, 반올림Math.ceil() : 소수점 올림, 정수형 반환Math.floor() : 소수점 버림, 정수형 반환Math.round() : 소수점 반올림, 정수형 반환var n = 123.456; alert(Math.ceil(n)); // 124 alert(Math.round(n)); // 123 n = 123.567; alert(Math.ceil(n)); // 124 alert(Math.floor(n)); // 123 alert(Math.round(n)); // 124 2. 소수점 자리수 표기toFixed() : 숫자를 문자열로 변환하면서 지정된 소수점 이하 숫자를 반올림하여 출력한다.toExponential() : 숫자를 문자열로 변환하면서 소수점 앞의 숫자 하나와 지정된 개수의..

서론 웹 프로그램을 개발할 때 현재 열려 있는 페이지를 그대로 유지하면서 사용자에게 다른 액션을 유도하기 위해서 우리는 Popup으로 새로운 창을 열도록 개발하는 경우가 있다. 예를 들어서 i-PIN 인증을 처리하는 경우 회원가입 화면에서 i-PIN 인증 화면을 Popup으로 열어서 사용자 인증을 거친 이후 인증이 완료되면 열었던 창으로 결과를 던져주는 경우가 있다.JavaScript로 Popup을 사용하여 새로운 창을 열고 Popup에서 처리한 결과를 Popup을 열게한 window.opener에 접근해서 이벤트를 전달하는 것은 어렵지않게 이미 알려진 방법으로 해결할 수 있다. 하지만 특정 브라우저에서 Popup한 창에 열려진 사이트가 Redirect를 하여 다른 host로 이동을 할 경우 window..

onclick="javascript:f_info(); f_submit();"

1. 변수 전달 질문 이렇게 받아온 CheckDate를 javascript의 변수인 var chDate 라는 변수가 있을 때checkDate값을 chDate에 넣어주고 싶습니다. 답변var chDate = '${checkDate}'; 2. 리스트 전달 질문스크립트로 var test = "${TestBean.name}"; 이런식으로 TestBean에 남겨있는 name이란 값을 갖고올수는 있는데 만약 TestList가 있다고 치면... 뭐 html에서야 c:foreach items="${TestList}" 대충 이런식으로 뿌릴텐데.. 이걸 뿌리기전에 미리 스크립트에서 리스트로 받아서 컨트롤 하고싶은데 어떻게 해야하나요? 답변var list = new Array(); list.push("${item.name}..

태그 on~ 속성 HTML 태그에는 onclick 속성 뿐만 아니라 onmouseover 등 다양한 속성이 존재한다.이들은 각각 클릭 됬을때, 마우스가 객체 위에 올라 왔을 때 속성값에 있는 JavaScript를 실행 시켜 준다.또한, 이처럼 태그등에 특정한 일이 있어 났을 때의 상황을 이벤트라 한다.이때, 실행할 함수의 인자에 this 를 넣으면 본인 자신을 인자로 전달하게 된다. 사용법Section ex) Mouse Over it.! 태그 onclick 속성 HTML태그에는 onclick 속성이 있는데 이 속성 안에는 JavaScript 문법을 쓸 수 있다.이 속성은 이 태그 안의 문법은 태그를 클릭 했을 때 실행된다. 사용법BUTTON ex) Click