본문 바로가기

Dev

(펌/링크) div태그와 span태그 간단 명료하게 div태그와 span태그를 예제를 통해 설명해주는 곳이 있어 소개합니다. http://blog.naver.com/javaking75?Redirect=Log&logNo=140160292268 더보기
(펌/링크) 목록태그 정리 HTML 목록 태그들을 깔~~~~끔 하게 정리해놓은 곳이 있어 소개합니다. http://blog.naver.com/dietcook?Redirect=Log&logNo=90159672217 더보기
[웹표준] 웹표준 검사 사이트(W3C) W3C에서 제공하고, KLDP에서 번역을 지원해주는 링크 소개~ ttp://validator.w3.org/http://validator.kldp.org 100%맞지는 않지만, 꽤나 도움이 되고 실수를 최소화 할 수 있다. 더보기
(펌/링크) [jQuery] 추천 jquery 목록 너무많타.. 하나하나씩 해봐야징 ㅠㅠ.. 링크 : http://blog.naver.com/idtong?Redirect=Log&logNo=130043741803 더보기
(펌/링크) label과 placeholder의 차이(인터랙션 디자인) 인터랙션 디자인 이라... 우연히 label과 placeholder를 검색하던중 발견한 포스트. 공감이 가고 심히 와닿는 내용들이라 링크를 걸어둡니다. 웹 프로그래머로서 깊이있게 인지해야 할 부분인것 같습니다. 해당글 링크 : http://linuxism.tistory.com/1069 더보기
(펌/링크) 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") 처럼 응용하는 등 다양한 방법이 존재한다 !! 맘대로 선택자를 주물러보자~ 더보기

티스토리툴바