Front-End/jQuery
Selectors - 요약&정리
출처 : http://blog.naver.com/topsaga/140155594732 jQuery Selectors- jQuery selectors는 여러개 또는 한 개의 HTML 엘리먼트를 선택하고 조작할 수 있게 합니다. [jQuery Selectors]앞의 강좌에서 서로 다른 HTML 엘리먼트를 선택하는 방법을 알아봤습니다.키포인트는 jQuery를 이용하여 효과를 주기 원하는 엘리먼트를 정확하게 선택하는 방법을 배우는 것이다.jQuery selector는 엘리먼트 이름, 특성이름, 또는 content로 HTML 엘리먼트를 선택할 수 있게 합니다.※ HTML DOM에 따르면, selectors는 DOM 엘리먼트를 그룹단위 혹은 개별 node 단위로 조작할 수 있게 합니다. [jQuery Element..
이클립스에 jQuery 플러그인 설치하기
출처 : http://gy801110.blog.me/110229227 이클립스에서 사용하는 플러그인중 JQuery 플러그인입니다.설치시 코드 어시스턴트가 되는 장점이 있습니다. 개발할때 많은 유용한 점이 있어요~ ^^ 1. 다운로드 주소 : http://download.aptana.org/tools/studio/plugin/install/studio 2. 설치 가이드 1) Help > Install New Software > 다운로드 주소 입력 엔터! 2) 넥스트~ 3) accept후 넥스트~ 4) 해당 내용이 나오면 오케이 누르고 ㄱㄱ 5) 이클립스 재시작 6) 재시작 후 툴바(아래 그림 참조)에서 설치된 플러그인을 선택합니다. 7) Install Additional Features 창이 나오면 Jqu..
5) Selectors - firstChild & nextSibling
API : http://api.jquery.com/category/selectors/hierarchy-selectors/ jQuery로 firstChild, nextSibling으로 태그따라가서 출력하는거 해봣는데.. 첫번째줄 없애는걸 $("table > tbody:first >tr:first ~ tr > td:first").slideUp("slow"); 이렇게 수정하면 첫번째 테이블의 첫번째줄만 없어진다....... jQuery에도 this가 있어서 this의 첫번째줄을 없애는걸로 적용해야하는데 잘모르겟다.. jQuery의 html()과 자바스크립트의 innertHTML이 같은것같다. ( $("").html() == document.~~~~.innerHTML)
4) Selectors - 태그접근(태그,id,class)
태그전체 : $("태그이름") 태그이름 : $("태그이름#ID이름") 태그클래스 : $("태그이름.클래스이름")
3) jQuery 기본세팅
1. 제이쿼리 홈페이지 둘러보기 : http://jquery.com/ - 메뉴 Documentation, Tutorials를 주로 보았고, 주로 보게될꺼고, 주로 보라고 하셨다.2.1.1. 제이쿼리 다운로드 : http://docs.jquery.com/Downloading_jQuery 2.1.2. 제이쿼리 적용 : http://docs.jquery.com/How_jQuery_Works (경로만 지정해주면된다 : )2.2 다운안받고 jQuery쓰는법 - URL에서 제공해주는걸 갖다써도 jQuery를 사용하는데는 문제없다. ※ 하지만 상용에서는 js파일이 없어지거나 경로가 수정될수도 있는일이므로, 실습할때만 사용하라고 하셨다.. 구글 - http://ajax.googleapis.com/ajax/libs/jq..
1) 오브젝트 개수보기
document.all으로 웹브라우저의 오브젝트의 개수를 알수있다. (http://koxo.com/lang/js/object/all.html) 스크립트가 가장 밑에있는이유 : 자바스크립트는 인터프리터(컴파일러가 필요없는) 언어이기때문에 부문부문 웹브라우저가 해석을 한다. 부분에 스크립트를 배치하면 오브젝트의 개수가 다르게 출력됨을 알수있다.