IT/JQUERY (6) 썸네일형 리스트형 Jquery API 효과 정리 Jquery API 함수 jquey에서 재공하는 함수에 대해 간단히 알아보자 **.animate()** : 해당 객체의 CSS 변화 효과를 준다. /$('p').animate({CSS Map}, {options}); $('p).animate({color:'white', font-size : 22px}, {duration : 400, easing : 'ease-in', complete : function(){....}}); {queue:false} **.delay()** : 해당 시간만큼 실행을 delay 시킨다. $("div").slideDown().delay(5000).slideUp(); // id div 요소를 슬라이드 다운 후 5초 후 슬라이드 업 .. 체크박스 사용시에 많이 쓰이는 소스정리 1. checked 여부 확인12$("input:checkbox[id='ID']").is(":checked") == true : false /* by ID */ $("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */ 2. checked/unchecked 처리12$("input:checkbox[id='ID']").attr("checked", true); /* by ID */$("input:checkbox[name='NAME']").attr("checked", false); /* by NAME */ 3. 특정 라디오버튼 선택 / 모든 라디오버튼 선택해제12$("input:radio[name='NAME']:radio[value.. select box사용시 까먹는 소스 웹프로그램 관리자 페이지나 사용자 페이지 작업을 할때 꼭 사용되는 셀렉트박스 그리고 체크박스 근데 막상 작업할라다가 보면 꼭 머리가 나빠서 검색을 하게 되는데 오늘은 블로그에 정리도 할겸 적으면서 다시한번 되새겨보려 합니다. 1.셀렉트박스의 선택된 index $("셀렉트 option:selected").val();$("select[name=name]").val(); 2.셀렉트박스의 선택된 위치 var index = $("#test option").index($("#test option:selected")); 3.옵션끝에 옵션추가하기$("#selectbox").append("옵션추가"); 4.옵션앞에 옵션 추가하기$("#selectBox").prepend("옵션추가"); 5.셀렉트 박스에 옵션전체 삽입하기.. jquery swipe 예제 tap-터치 기반 모바일 기기에서 가장 흔하게 발생하는 이벤트 -데스크탑 환경의 클릭(click)과 유사 taphold-길게 손가락으로 누르고 있으면 발생하는 이벤트 swipe-화면을 손가락으로 밀면 발생-보통 화면을 좌우로 전환 할시 사용함 swipeleft-왼쪽으로 swipe swiperight-오른쪽으로 swipe 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 $.mobile.changePage("#greenPage"); }); $("#blueDiv").bind("swi.. jquery로 div 접었다 폈다 기능 초간단 팁도 아닙니다. ^^ $(document).ready(function(){ $("#sibling_cont").css("display","none"); $("#sibling_cont").hide(); $("#sibiling_div").click(function(){ $("#sibling_cont").toggle(); }); }); 그냥 toggle로 접었다 폈다 함 ^^ $("#sibling_cont").hide(); $("#sibiling_div").click(function(){ $("#sibling_cont").slideToggle( function () { if($("#sibiling_div").text()=="펴기"){ $("#sibiling_div").text("접기"); }else{ $("#sibiling_div".. jquery hover 사용법 1. hover 사용법 1. $("element").hover( function () { 콜백함수 }, function () { 콜백함수 } ); 2. hover 예제 간단한 예제 이전 1 다음