오늘의 이슈는 동적으로 생성된 객체에 이벤트를 주어야 하는데, jQuery에서 객체를 인식하지 못하여 동작을 하지 않는 것!

우선 없는 객체이기때문에 평소처럼 $(객체접근자)를 사용하지 않고 $(document)를 사용!!

그리고 객체에 생명을 불어 넣어줄 on 함수를 이용하면 간단히 사용 할 수 있다.

sortable이나 draggable 같은 jquery ui함수도 on 함수 안에서 사용 하면 바로 동작!!

$(document).on(발생시킬이벤트(ex. click),  객체접근자, function(){
     //   이벤트 발생시 발생시킬 내용
     //  ex. sortable
    $(this).sortable({});
});

http://on-ze.com/archives/4213

** 일본 웹페이지보고 추후 다시 작성예정

// 출력할 내용이 담긴 객첵의 html을 변수에 저장
var divContents = $("div.report").html();
//팝업 만들기
var printWindow = window.open('', '', 'height=600,width=1000');
// 팝업타이틀이름
printWindow.document.write('');
// 객체에 적용될 css파일명
printWindow.document.write('');
printWindow.document.write('');
//새 팝업에 내용이 담긴 html코드 작성
printWindow.document.write(divContents);
printWindow.document.write('');
printWindow.document.close();
//프린트호출
printWindow.print();

/*
     * 전체 선택 클릭시 하위에 있는 체크박스 설정
 */
$("li.active input[name=checkbox]").click(function() {
	setCheckbox('div.lnb ul li input[name=checkbox]',$(this).is(':checked'));
});
		
/*
* 상위체크박스 선택시 하위 체크박스 선택
 */
$("li.hasSub input[name=checkbox]").click(function() {
	setCheckbox('li.sub input[name=checkbox]',$(this).is(':checked'));
});

/*
* 전체 체크박스를 제외한 모든 체크박스가 선택/해제 되었을때 전체체크박스 설정
 */
$("li:not(.active) input[name=checkbox]").click(function() {
	var flag = allCheckReturn("li:not(.active) input[name=checkbox]");
	setCheckbox("li.active input[name=checkbox]",flag);
});

/*
 * 상위 체크박스가 하위체크박스가 전체 선택/해제 된 상태에 따라 변경
 */
$("li.sub input[name=checkbox]").click(function() {
	var flag = allCheckFlagReturn("li.sub input[name=checkbox]");
	setCheckbox("li.hasSub input[name=checkbox]",flag);
			
	flag = allCheckFlagReturn("li:not(.active) input[name=checkbox]");
	setCheckbox("li.active input[name=checkbox]",flag);
});

/* 
 * 
 * 체크박스 트리구조 체크
 * 
 * 사용법 : $('#테이블 ID').colspan (0);
 * 
 */ 
allCheckFlagReturn = function(obj) {
	var flag = false;
	$(obj).each(function(){
		if (!$(this).is(':checked')) {
			flag = true;
		}
	});
	return !flag
}
/* 
 * 
 * 체크박스 선택/해제
 * 
 * 사용법 : $('#테이블 ID').colspan (0);
 * 
 */ 
setCheckbox = function(obj,flag) {
  if (flag) {
	  $(obj).prop('checked',true);
  }else{
	  $(obj).prop('checked',false);
  }
}

http://shuiky.tistory.com/entry/jQuery%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-%ED%85%8C%EC%9D%B4%EB%B8%94-%EC%85%80%EB%B3%91%ED%95%A9

$(input박스가 있는 곳을 감싸고 있는 객체의 ID).find('input[type=text]').each(function(){
$(this).val('');
});

데이터피커를 사용하기위한 css와 javascript url

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery.min.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>

datapicker 기본 설정 옵션들

$("#sDate, #eDate").datepicker(
                {
                    dateFormat: 'yy-mm-dd',
                    prevText: '이전 달',
                    nextText: '다음 달',
                    monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
                    monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
                    dayNames: ['일','월','화','수','목','금','토'],
                    dayNamesShort: ['일','월','화','수','목','금','토'],
                    dayNamesMin: ['일','월','화','수','목','금','토'],
                    showMonthAfterYear: true,
                    changeMonth: true,
                    changeYear: true,
                    yearSuffix: '년'
                });

datapicker 옵션 - 시작날짜와 종료날짜값이 어긋나지 않도록 하는 코드

$('#sDate').datepicker("option", "maxDate", $("#eDate").val());
		  $('#sDate').datepicker("option", "onClose", function ( selectedDate ) {
		      $("#eDate").datepicker( "option", "minDate", selectedDate );
		});

		$('#eDate').datepicker("option", "minDate", $("#sDate").val());
		$('#eDate').datepicker("option", "onClose", function ( selectedDate ) {
		    $("#sDate").datepicker( "option", "maxDate", selectedDate );
		});

		$('#sDate').datepicker("option", "maxDate", $("#eDate").val());