Dev/JQUERY 썸네일형 리스트형 (펌/링크) [jQuery] 추천 jquery 목록 너무많타.. 하나하나씩 해봐야징 ㅠㅠ.. 링크 : http://blog.naver.com/idtong?Redirect=Log&logNo=130043741803 더보기 (펌/링크) jQuery가 처음이라면..!! ready.. 선택자... 노드 관계.... 필터 선택자..... jQuery를 처음 접할때 유용한 정보를 잘 정리해둔곳이 있어 소개합니다. http://james_parku.blog.me/110151132626 더보기 [jQuery] class 변경, 추가(addClass), 삭제(removeClass) 직관적으로 사용하면 된다. class의 변경의 경우 attr이라는 메소드를 호출해야 하며, $(this).attr('class','class_name'); 처럼 이용할 수 있다. class의 추가와 삭제 또한 돌직구 처럼~ $(this).addClass("class_name");$(this).removeClass("class_name"); 처럼 사용하면 된다. css의 기본이 숙지되어 있다면, 변경과 추가,삭제는 어떻게 다른지 아실터...(변경은 말그대로 기존의 class를 버리고 교체.)(추가는 class="class_1 class_2" 와 같은 방식..추가,삭제!) 참고로 아직 쓸일이 없어서 사용해보지는 않았지만.... 클래스의 유무를 판단해주는 .hasClass(); //반환값으로는 true는 1로.. 더보기 [jQuery] find 선택자 요즘 jQuery에 대해서 기본적인 기능들에 대해 배워나가다보니 직관적인 표현이 너무 맘에 든다..*_* find는 '해당 노드의 하위구조만 검색하는 children'과는 다르게 '모든 노드에 대하여 선택자와 셀렉터에 맞게끔 찾아'준다. 안녕하세요 더보기 [jQuery] each와 index의 간단설명 우선, each를 이해하기 위해서는 index 할당에 대하여 이해해야 한다. 각 브라우저의 HTML트리를 보시면 아시겠지만, 코드에 맞게 트리형식의 구조를 띄고 있다. 각 리스트는 index라는 값을 차례대로 할당받게 되는데, $(this).index() 등의 방법으로 확인이 가능하다. each는 기본적으로 반복문형태의 메소드 집합이며, 트리구조에 맞게 할당된 index를 가지고 제어한다고 보면 된다. 가나다라 마바사아 자차카타 $('li').each(function(){ //반복문 조건자 선택 부분 (특징은 노드 갯수만큼 알아서 반복!) $(this).css('color','red'); //반복문 내용 처리 부분 }); 위와 같이 단순히 "li"태그에 대하여 css를 제어하는등의 반복문이 가능하며, $.. 더보기 [jQuery] 부모 및 자식 노드 컨트롤 (선택자) DOM트리를 기준으로 부모 및 자식 객체를 호출하여 선택자를 활용할 수 있다. - 부 모 : 상위 객체$(this).parent() - 자 식 : 하위 객체$(this).children() 단순히 상하위 객체를 선택 할 뿐만 아니라 $(this).children("img") 처럼 태그를 세부적으로 선택 할 수도 있고, $(this).parent().children("ul") 처럼 응용하는 등 다양한 방법이 존재한다 !! 맘대로 선택자를 주물러보자~ 더보기 [jQuery] 대표적인 디버깅 방법 얼마전까지만해도 무식하게 일일이 alert를 찍어가면서 디버깅을 했었다.. 하지만 갈수록 브라우저의 경쟁이 치열해지면서 좀더 좋은 기능을 제공하기 시작하면서, 심지어 콘솔에 대한 세부적인 시스템까지도 살펴볼수 있게 되었다. 개인적으로는 FireFox의 FireBug를 자주 쓰는데 여타 브라우저라 하여도 다음과 같은 방법으로 디버깅 할 수 있다. var temp = "debug_text";console.log(temp); 브라우저의 콘솔, Console 등의 탭에서 로그를 확인할 수 있다. 더보기 jQuery mouse관련 이벤트(hover) 기본적으로 mouseover, mouseout 등이 있지만, mouseover를 대체할만한 mouseenter도 있다. (차이점은 아직 모르겠다.) mouseout과 비슷한 기능인 mouseleave도 있는데 out은 잘 안먹힐때가많아서 leave를 주로 쓴다. 또한!! mouseenter와 mouseleave를 합쳐놓은 핸들러(hove)도 있다. 기본적인 사용법으로는 다음과 같다. $('#nav> ul').hover(function(){ //in 했을경우 이벤트 처리 },function(){ //out 했을경우 이벤트 처리}); 더보기 (펌/링크) jQuery mouseOut 관련 예제와 설명 자세하게 설명해준 포스트가 있어 소개합니다. http://findfun.tistory.com/293 더보기 (펌/링크) jQuery Slide관련 기본 예제들 정리가 잘된곳이 있어 소개합니다. http://stove99.tistory.com/103 더보기 이전 1 2 다음