Web Programings/J-Query (6) 썸네일형 리스트형 [J-Query] JQuery를 이용한 이미지 리스트 변경 prevnext prevnext 간단한 설명jquery가 필요하다. ID값 사용시 # (ex : $('#roll') )Class 사용시 . (ex : $('.roll') )#('span#roll') : span태그중 ID가 roll인 것#('span#roll>ul') : span태그중 ID가 roll인 것이 갖는 자식인 ul 태그first() : 첫번째 태그(엘리먼트)last() : 마지막 태그(엘리먼트)append() : 맨 뒤에 붙여 넣는다.prepend() : 맨 앞에 붙여 넣는다. 소스에 ul이 3개다.ul 3개가 append와 prepend때문에 순서가 바뀐다.맨 앞의 ul만 나타나게 함으로써 리스트를 변경 할 때마다 span태그 내 첫번째 ul이 보이도록 한다. [J-Query] 함수 및 키워드 등 해당 ID의 값 가져오기$("#id).val(); 해당 ID의 ID값 가져오기 $("#id).attr('id'); [J-Query] jquery 애니메이션이 완전히 끝난 후에 다음 동작 적용 jquery에서 제공하는 slideUp(), fadeIn() 같은 애니메이션 효과 사용시애니메이션이 끝나기 전에 실행되면 안되는 경우 function을 사용해서 애니메이션이 종료 된 후에 실행되도록 할 수 있다. $("#search_word_flip_1").slideUp('slow', function(){// 애니메이션이 끝난 후에 할 일들 });$("#search_word_flip_1").slideDown('fast'); [J-Query] checkbox의 여러 값을 가져오기 Submit Then on stub.phpvar_dump($_POST); serialize()값으로 준 값은 parse_srt()인 php 함수를 통해 array이로 변환할수있다.변환된 값은 여기서 $ids로 자동으로 생기므로 변수 선언없이 바로 사용 ex$data = $_POST("sdf");parse_str($data);print_r($ids); // html에 있는 name="ids[]" 때문에 자동으로 $ids가 생긴다. [J-Query] 간단한 J쿼리 /* 로딩이 모든 끝난 후에 활성화 */ [JavaScript] html의 input type의 속성값을 J-Query로 가져오기 =========================================================== 가져오는 형식은 $('#input type속성의 id값').val(); 형식이 된다. id앞에 #을 붙이도록 한다. 이전 1 다음