프로그램/jQuery20 체크박스 또는 라디오 버튼의 체크여부 변경하기 jQuery 로 체크박스 또는 라디오버튼의 체크여부를 결정하기 위해서 .attr() 메소드를 이용해 왔다. 어느 순간 이 값이 정확히 설정이 안된다면 jQuery의 버전을 체크해 보자. jQuery 1.6 이상부터는 기존 .attr()메소드가 하던 역할을 .attr()과 .prop() 두가지로 나누어 졌다. 만약 .attr()을 이용해서 체크여부를 결정하는 코드가 정상적으로 동작하지 않는다면 .prop() 메소드를 이용해 보자. 정상적으로 잘 동작할 것이다. $('#checkbox').attr('checked', true); ==> $('#checkbox').prop('checked', true); 2014. 4. 2. hover 메소드를 이용해서 메뉴 on, off를 구현 $('.menu_item').each(function(){ }클래스 속성값으로 menu_item 을 갖는 각각의 객체에 대해서 파라미터로 전달된 콜백함수를 수행한다. 여기서는 메뉴를 구성하는 태그들이 클래스 속성 값으로 menu_item 를 갖는다. var a = $(this); 선택한 객체(DOM)를 jQuery 개체로 변환해서 변수 a 에 반환한다. var img = a.find('img');현재 객체 안에서 이미지 객체를 찾아서 반환한다. var src_off = img.attr('src');이미지 객체의 속성값 src의 값을 변수 src_off 에 반환한다. 변수 src_off 값으로는 차례대로 '/images/menu1_off.png', /images/menu2_off.png', '/images.. 2014. 4. 1. 화면 이동시에 레이어가 따라다니게 하기 아래 소스는 스크롤 이벤트가 발생할 때, box 레이어를 화면상 최 상단에 1초후에 이동시킨다. 애니메이션 효과 없이 바로 이동 시키기를 원하면 1000 대신 0을 넣는다. //내용 표시 box 레이어의 위치를 화면 상단에서 일정한 위치 아래 두고 싶으면 계산된 pos 값이 원하는 높이값을 더해준다. 2014. 3. 31. 다른 프레임에 있는 객채 참조하는 방법 여러개의 프레임으로 나누어져 있는 상태에서 다른 프레임에 있는 객채를 화면에 나타나게 하는 소스는 다음과 같다. $('#객채ID', top.프레임ID.document).show(); 2014. 3. 26. 동적으로 콤보(select)의 항목(option) 생성하기 콤보의 값을 동적으로 재구성해야 하는 경우가 종종 발생한다. 그럴때, 다음 코드를 이용하자. //콤보객체(select)의 하위 객채(option)를 제거한다.$('#콤보객체ID').empty(); //콤보객채(select)의 하위 객채(option)를 5개 생성한다.for(var i=0; i 2014. 3. 23. FORM 객체 초기화 하기 다음코드는 폼 객채의 하위 객채들에 대해서 초기화를 진행한다. 폼 객체의 Reset() 함수와 동일한 기능을 수행한다. $('#폼객체ID').each(function(){ this.reset(); }); 예) $('frmTest').each(function(){this.reset();}); 2014. 3. 13. jQuery 예약어 $ 를 사용하지 못하는 경우 해결책 noConflict() jQuery 를 다른 자바스크립트 라이브러리(prototype.js, ...)와 같이 사용하다 보면 충돌로 인해서 예약어인 $를 사용할 수 없는 경우가 있다. 이 때, jQuery.noConflict() 를 이용해서 해결할 수 있다. $(document).ready(function(){$("div#jQuery).css("font-weight", "bold");}); 1. jQuery.noConflict() 결과를 변수에 담는 방법 var j = jQuery.noConflict(); j(document).ready(function(){j("div#jQuery").css("font-weight", "bold");}); 2. jQuery code를 클로저 로 감싸는 방법 jQuery.noConflict(); .. 2014. 3. 10. 이전 1 2 3 다음
