Hello Brother!

function refreshForm(obj) { $(obj) .closest('form') .find('input[type="text"], textarea, select').val(''); $(obj) .closest('form') .find('input[type="checkbox"]').prop('checked', false); } 신규 입력 jQuery 에서 사용 가능한 폼 초기화 방법이다.입력 된 태그가 속한 Form 태그를 찾아 관련 태그들의 값을 초기화 해주는 방식이다. 참고로 $('#formName').reset(); 과 같은 방법은 작동 안된다.

예를 들어 위와같이 test.. 로 시작되는 객체가 여러가 있다고 치고저 test.. 로 시작되는 객체들을 모두 컨트롤 하고 싶을때 다음과 같은 방법으로 접근할 수 있다. $('div[name^="test"]') 응용해서 다음과 같이 값 으로도 접근 가능하다. $('input[value^="test"]')

위와 같은 객체가 있을 때 이 객체의 존재 유무를 확인 하는 방법이다. var aaa = $('#aaa').length; if(aaa > 0) { //내용 } 위와 같이 해당 객체의 length로 확인 하여야 한다.

내용 예를들어 위 엘리먼트에서 def 클래스를 제거하고 싶을 때 $('#aaa').removeClass('def');

$(opener.location).attr('href', 'yangyag.tistory.com');

예를들어 아래와 같이 form 태그의 onsubmit 속성값이 정의 되 있는데 이를 제거 하려면prop 을 이용하여 null 값을 지정 해 주면 제거된다. $('#yangyag').prop('onsubmit', null);

function initOptions(obj) { $(obj) .find('option') .remove() .end() .append('선택') .val(); }

datepicker 사용시 날짜 초기화 하는 방법datepicker 설정 부분에 다음과 같은 구문을 추가 해 넣는다.if(e.keyCode == 8 || e.keyCode == 46) { $.datepicker._clearDate(this); } 예를 들어 다음과 같이 구성할 수 있다.$(function() { $( ".datepicker" ).datepicker({ dateFormat: 'yymmdd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8..

window.open 으로 호출한 창 에서 상위 창(opener) 의 엘리먼트에 접근하는 방법 예를 들어 abcd 라는 id로 접근 하고자 한다면 다음과 같이 접근 가능하다.$('#abcd', opener.document);

jQuery를 이용하여 테이블의 행을 쉽게 추가할 수 있다. 행 추가 Hello Brother! 설명 ) 해당 테이블의 마지막 tr 을 구해서(tr:last) 이후에 원하는 엘리먼트를 직접 추가할 수 있다. ※ 다음과 같이 tbody 안에 append 처리 하여도 된다. $(tbl).find('tbody').append('추가된 라인!!');