yohanistory

요약 window.onload 와 $(document).ready() 중에 어느 한 쪽이 좋다고 할 수 없다. window.onload 는 페이지의 모든 요소들이 로드된 이후에 호출되며, $(document).ready() 는 DOM 요소들만 로드되면 호출된다. window.onload 는 한 페이지에 하나의 함수만 호출되지만, $(document).ready() 는 모두 호출된다. window.onload Javascript로 페이지 로드 시 자동으로 실행되는 함수를 구현하려면 전역 콜백함수인 window.onload 함수를 사용하면 된다. 2017.07.19 - [분류 전체보기] - Javascript | 전역 콜백 함수 Javascript | 전역 콜백 함수 전역 콜백 함수 자바스크립트는 특수한 글..

id class name 하나의 요소만 가능 (페이지 유일) 여러 요소 적용 가능 여러 요소 적용 가능 CSS에서 식별자로 사용 가능 CSS에서 식별자로 사용 가능 CSS에서 사용 불가 - - submit 전송시 사용 jQuery: $(“#아이디”) jQuery: $(“.클래스명”) jQuery: $(“input[name=이름]“)

$.ajax({ url:"xxxxxxxxxxxxxxxxxxx" type:'POST', dataType:'json', data:JSON.stringify(sendObject), contentType: 'text/html;charset=UTF-8', mimeType: 'application/json', success:function(data) { if(data.MESSAGE) { alert("로그인성공"); window.location.href = "main.html"; } else { alert("로그인실패"); } }, error:function(data,status,er) { alert("error: "+data+" status: "+status+" er:"+er); } });

window.location.href(link); // (X)IE에서는 잘 작동하던 위 함수가 chrome에서 작동하지 않을때가 있다. 그럴 땐.. window.location.href = link; or window.location.assign(link); or window.location.replace(link);을 써본다.

$("#ID_1, #ID_2, #ID_3").click(function(){ alert('test');});

2개 연결 -- 선택 -- 과일 채소 -- 선택 -- 사과 바나나 레몬 양파 호박 3개 연결 -- 구분 -- 국산차 수입차 -- 제조사 -- 현대 기아 벤츠 BMW -- 크기 -- 대형 중형 소형

jQuery로 선택된 값 읽기$("#select_box option:selected").val();$("select[name=selectbox]").val(); jQuery로 선택된 내용 읽기$("#selectbox option:selected").text(); 선택된 위치var index = $("#test option").index($("#test option:selected")); 셀렉트 박스 옵션에 추가(기존 옵션 뒤쪽으로 추가)$("#myselect").append("Apples");$("#myselect").append("After Apples"); 옵션 시작 부분(맨 앞에) 추가$("#myselect").prepend("Before Apples"); 옵션값을 새롭게 정의$("#myselect..

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]“)