본문 바로가기

jquery

jQuery 속성 선택자. jQuery의 속성 선택자. 형식 설명 $(Selector[attr]) attr 속성값을 가지는 요소를 선택한다. $(Selector[attr="value"]) attr 속성의 값이 value와 동일한 값인 요소를 선택한다. $(Selector[attr!="value"]) attr 속성의 값이 value와 같지 않은 요소를 선택한다. $(Selector[attr^="value"]) attr 속성의 값이 value와 같은 값으로 시작하는 요소를 선택한다. $(Selector[attr$="value"]) attr 속성의 값이 value와 같은 값으로 끝나는 요소를 선택한다. $(Selector[attr*="value"]) attr 속속의 값이 value와 같은 값을 포함하는 요소를 선택한다. $(Select.. 더보기
jQuery 필터 선택자. jQuery의 필터 선택자. 형식 설명 :odd 홀수 요소를 선택한다. :even 짝수 요소를 선택한다. :first 첫번째 요소를 선택한다. :last 마지막 요소를 선택한다. :contains(문자) 특정 문자를 포함하는 요소를 선택한다. :eq(index) index번째 요소를 선택한다. :gt(index) index뒤 요소를 선택한다. :lt(index) index앞 요소를 선택한다. :has(태그명) 태그명을 가지고 있는 요소를 선택한다. :not(선택자) 선택자와 일치하지 않는 요소를 선택한다. :nth:child(3n+1) 3n+1번째에 위치하는 요소를 선택한다. (예: 1, 4, 7) 더보기
AngularJS와 jQuery의 간단한 비교.. 요즘 시간이 날때마다, AngularJS를 조금씩 공부하고 있다. AngularJS는 보통 자바스크립트 MVW(Model View Whatever) 프레임워크라고 하고, jQuery는 자바스크립트 Library라고 한다. 예전부터 AngularJS에 대한 궁금증을 가지고 있었는데.. 드디어 시간을 내서 AngularJS에 대해서 공부를 했다. 아래 소스를 보면, 간단하게 AngualrJS와 jQuery의 차이점에 대해서 파악해 볼 수 있다. 동일한 결과를 가져오는 두가지의 소스이다. 먼저, jQuery를 이용한 방법이다. 먼저, HTML에는 TABLE과, TBODY를 설정했다. 이어서, Javascript 파일에서 아래의 ArrayData를 $.each를 사용해서 반복한다. $(function() { v.. 더보기
이클립스에서 jQuery Code Assist 하기 이클립스에서 JSDT를 사용하여서 jQuery의 Code를 Assist 해보도록 하자. 1. 먼저 메뉴의 Help - Eclipse Marketplace를 선택한다. 2. JSDT로 검색한다. 3. 현재 최신 버전은 JSDT jQuery 1.7.0이다. 4. Install 을 클릭한다. 5. 아래 화면이 나오면 Confirm을 클릭한다. 6. I accept the terms of the license agreement를 클릭하고, Finish를 클릭한다. 7. 설치가 완료되면, 이클립스를 재시작한다. 8. 재시작 후, 적용할 프로젝트에서 마우스 우클릭, Properties를 클릭한다. 9. JavaScript - Include Path 를 클릭하고, Add JavaScript Library를 클릭한다... 더보기