자바스크립트 JQUERY 에서 bind 라는 명령어로 

함수를 연결해 사용할수 있습니다.


$("#table > tbody > tr > td") 



이런식으로 table 태그 내에 있는 CSS 문법도 사용가능 하며 


클래스로 묶어 사용해도 무관합니다..


bind 함수는 정말 유용하니 연습해두시는걸 추천합니다.

블로그 이미지

잡코드맨

댓글을 달아 주세요



이 문법의 핵심은 


왼쪽클릭은  변수로 제어 할수 있지만.


오른쪽클릭은 직접 이벤트를 부여하여.


※ 이러한 형식이 context menu 라 합니다.


 event.preventDefault(); << 이 구분이 기존에 있던 이벤트 

오른찍클릭하면 위의 그림과 같이 나오는 ContextMenu의 이벤트를 없애버립니다. 




블로그 이미지

잡코드맨

댓글을 달아 주세요


입력후에 초기화 버튼 누르면 컨펌 창이 뜨고 확인을 누르면 


input 안에 있는 값들 초기화 시킬수있다.

블로그 이미지

잡코드맨

댓글을 달아 주세요

안녕하세요 냑쥐 입니다 .. 오랜만에 블로그 포스팅을 남기는데요 ㅎㅎ


오늘은 JAVASCRIPT 실습중 JQuery를 사용할때 조금 더 편하게 코딩할수있도록 도와줄수있는


JSDT JQuery 설정방법입니다.


요즘블로그에는  이클립스 마켓플레이스를 통해 설치하는 편한방법이 있는데


그방법으로 안되시는분들을 위해 준비 했습니다.


저도 겨우겨우 찾았거든요... 그만큼 마켓플레이스로 들어가서 설치하는방법 밖에는 없더라구요 ...


마켓플레이스 접속안되는거..해결할방법있음 저도좀 가르쳐 주세요 흑흑;;



/////////////////////////

하는방법 소개입니다.


1. Help 들어가서 > install New SoftWare.... 들어갑니다


 






2. Add.. 선택하신다음에

Name 에는 Jquery 입력해주시고

Location 에는

 http://svn.codespot.com/a/eclipselabs.org/jsdt-jquery/updatesite

이 주소 넣어주세요







3. 저는 이미 설치가 되있는상태라  Next 버튼이 활성화가 안되네요..

JSDT Jquery 체크 하신다음에 Next > 선택!


그다음 머 창 뜨면 좀기다리시고 네트워크 상태에  따라 좀 느릴수도 빠를수도 있습니다..






다 설치하시고 이제 프로젝트에 JQuery의 자동완성기능/ 코드어시스트 기능을 사용할수 있게 

설정해주셔야합니다!!


기본으로 깔려있는 라이브러리/플러그인이 아니기때문에

프로젝트에 설정해주셔야 하구요 ..ㅠ



4.  자신이 사용하고 있는 프로젝트 오른쪽 클릭

> Properties 선택




5. JavaScript 하위항목에 있는 Include Path 클릭

>> Add JavaScript Library... 선택

>> JSDT가 정상적으로 설치가 되었다면 목록에

JQuery Library 가 목록에 나와있습니다. 

>> Next.. 클릭








6. Jquery 의 버전을 설정해주셔야하는데..

코드 내의

Script 태그의  추가하는 제이쿼리.min js 파일들은

Jquery를 사용하게 해주는 문이고 여기서는

Jquery의 자동완성기능이나 부가적인 기능을 좀더 편리하게 사용하기위해서 설정해주는 곳입니다.


1.x 버전과 2.x 버전이 있는데.


가장큰차이점은 2.x는 해외에서 많이 쓰이고 1.x 는 우리나라에서 많이 쓰입니다. 그이유는 우리나라의 SI 즉 웹프로그래밍 개발자들은

크로스브라우징 을 엄청 중요하게 여기는데. 엄청 중요하기도 하구요..

2.x 버전은 익스플로러 하위버전을 지원을 하지않습니다.

무난하게 1.11 버전으로 선택해줍시다.





그리고나서 OK 버튼을 누르면 모든설정 끝!!!!





이클립스 내의 구동 스샷입니다 ㅎㅎㅎㅎ


자동완성 단축키는 Ctrl + Space 입니다 ㅎㅎ



자자 ...즐거운 코딩을 하러가볼까요...아휴...............ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ







블로그 이미지

잡코드맨

댓글을 달아 주세요