코딩 일기장

javascript 코드 // jquery code $("#all_item_check").change(function(){ if($("input[id=all_item_check]:checkbox").is(":checked") == false){ $("input[name=days]:checkbox").prop("checked", false); }else{ $("input[name=days]:checkbox").prop("checked", true); } }); $("input:checkbox[name='days']").click(function(){ if($(this).is(":checked") == false){ $("input:checkbox[id='all_item_check']").prop("chec..

jQuery로 element에 click과 같은 이벤트를 걸고 싶을 때가 있다. 하지만 동적으로 생성된 element에는 click 이벤트가 걸리지 않음을 알 수 있다. 이럴때는 단순히 click() 이벤트를 거는 것이 아니라 .on() event를 걸어주자! 그럼 성공적으로 클릭 이벤트를 넣을 수 있을 것이다 // click event 안걸림 $('.newbtn').click(function(){ var id = $(this).attr("id"); alert("선택한 버튼을 삭제하겠습니다. : "+id); $('#'+id).remove(); }) // 성공적으로 .newbtn 클래스를 가진 element에 클릭 이벤트를 걸 수 있음 $(document).on("click", ".newbtn", func..

AJAX 전체 페이지의 reloading없이 서버와의 데이터 교환을 통해 웹 페이지의 데이터를 업데이트 할 수 있는 방법 AJAX load() Method load() $(selector).load(URL, data, callback) ; URL : 우리가 로드하고자 하는 url data: 우리가 request를 통해 보내고자 하는 key/value 세트 callback: load() method가 완료된 후 실행될 function 특정 selector만 load할 수도 있음 아래 예시에서는 h2라는 id를 가진 element만 로드함 $(document).ready(function(){ $('#ajax1').click(function() { $('#div1').load("ajaxex1.txt"); })..

- ex) function의 형태 function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; } document: body의 모든 elemente들을 의미함 - innerHTML : HTML element에 접근하기 위한 방법 document.getElementById document.getElementById('id명').innerHTML --> 해당 ID를 가진 element의 내용을 바꿀 수 있다 document.getElementById('id명').src = 'jpg' --> id를 가진 element의 src값을 변경할 수 있다 src를 비롯해 모든 style 변경 (fontsize, disp..