jooon 개발노트

jQuery에서 html() 함수가 있는데 이것의 사용용도는 html 태그를 이용하여 동적으로 구현할 수 있는 용도로 사용된다. 예를 들어보자 html 문 js 문 var content = “” content += “하이”; content += “바이”; $(“#test_group”).html(content); 결과 하이바이

jQuery에서 jsp 나 html에서 사용되는 텍스트를 동적으로 변경하거나 추출할때 사용된다 1. 추출 일반 텍스트 추출 Html 문 테스트123 js 문 $(“#test”).text() -> 결과값 : 테스트123 선택된 콤보명 추출 Html 문 전체 사용 미사용 ex) 사용콤보 선택 (선택된 콤보명을 추출한다) js 문 $(“#test_combo option:selected”).text() -> 결과값 : 사용 2.변경 html 문 테스트123 “테스트123” -> “체인지321” 로 바꾸는 로직을 구현 하는 예제 변경 전 js 문 $(“#test”).text() -> 결과값 : 테스트123 $(“#test”).text(“체인지321”) 변경 후 $(“#test”).text() -> 결과값 : 체인..

일단 attr() 과 prop()의 차이를 설명하자면 jQuery 1.6버전 부터 두개의 함수가 서로 분리 되었는데 attr() : HTML 입장에서 나타내는 속성(Attribute) prop() : JavaScript 입장에서 나타내는 프로퍼티(property) 두 함수의 차이 ex) html 문 checkbox id가 test로 예를 들자면 js 문 $(“#test”).attr(“checked”) -> 반환값 : checked $(“#test”).prop(“checked”) -> 반환값 : true * 위 특성을 이용하여 사용방법을 알아보자 1. attr() ex) HTML 속성을 이용하여 이미지 태그에 src속성 값을 변경하여 이미지를 동적으로 변경하는 용도로 사용하려고 한다. html 문 img ..

개발하면서 특정값에 따라 4개의 그리드를 특정값에 맞게 같은 위치에 보여주는 로직을 구한하게 되었다. js 문 : setGrid:function(매개 변수){ //특정 함수 if(매개변수 == “G”){ $("#grid01").css("display",""); $("#grid02").css("display","none"); $("#grid03").css("display","none"); $("#grid04").css("display","none"); } else if(매개변수 == “I”){ $("#grid01").css("display","none"); $("#grid02").css("display",""); $("#grid03").css("display","none"); $("#grid04").css..

교육 시스템 그리드에서 로우를 추가하고 캘린더에서 날짜를 선택하면 선택한 날짜에 해당하는 요일이 날짜 셀 옆에 추가되는 로직을 수행하려고 구현한 로직 js 문 getDate:function(받아온 날짜){ var weekNm = ['일', '월', '화', '수', '목', '금', '토']; var dayWeek = weekNm[new Date(받아온 날짜).getDay()]; return dayWeek; } getDay() 메소드는 날짜의 문자열을 Date 객체로 만들어서 Date 객체의 날짜가 무슨 요일인지 숫자 값으로 변환 해당 반환 범위는 0 ~ 6 , 일 ~ 토 입니다. 해당로직이 잘 안먹을 경우 받아온 날짜가 날짜 형식으로 받아져 왔는지 확인하시고 날짜형식이 아니면 substr를 활용하여 날..