금융에 대한 모든 것

IT, 프로그래밍/Jquery → (4)건

[Jquery] 제이쿼리 이벤트 등록 메서드를 사용하기

이벤트 등록 메서드 이벤트 등록 메서드는 제이쿼리에서 여러 가지 이벤트들을 요소에 등록할 수 있는 메서드입니다. 먼저 제이쿼리 선택자로 이벤트를 등록할 요소를 지정하고 그 요소에 원하는 이벤트 메서드를 사용하면 됩니다. 마우스 이벤트 등록 메서드 마우스와 관련된 이벤트를 등록하는 메서드입니다. 메서드명 설명 click(callback) 요소를 클릭하면 콜백함수를 실행합니다. dbclick(callback) 요소를 더블클릭하면 콜백함수를 실행합니다. focus(callback) input 입력 양식에 커서가 입력되면 콜백함수를 실행합니다. hover(callback) 호버 이벤트가 발생하면 콜백함수를 실행합니다. mousedown(callback) 요소가 위치한 영역에 마우스 버튼을 누르면 콜백함수를 실행..
IT, 프로그래밍/Jquery 2020. 12. 11. 21:44

[Jquery] 제이쿼리로 Ajax 다루기

Jquery로 ajax 사용하기 jquery를 이용하면 좀 더 간편하게 ajax 통신을 할 수 있습니다. 기본 사용법 $.ajax({ type: "post", url: "/test", data: {param: 'string'}, success: function() { alert('성공'); } ... }); 기본 사용법은 ajax 괄호 안에 ajax 관련 속성과 값을 설정하여 통신할 수 있습니다. ajax 관련 속성은 아래와 같습니다. 분류 속성 설명 기본 type 통신 타입을 설정합니다. (get, post) url 요청할 url을 설정합니다. data 서버에 요청할 때 보낼 매개변수를 설정합니다. dataType 응답 받을 데이터 타입을 설정합니다.(xml, plain, html, json 등) 설정..
IT, 프로그래밍/Jquery 2020. 10. 23. 22:50

[Jquery] 제이쿼리 선택자와 document.ready 사용

제이쿼리의 선택자 제이쿼리를 사용하면 자바스크립트만을 사용할 때 보다 더 간편하게 요소에 접근할 수 있게 됩니다. 순수 Javascript의 경우 document.getElementById("idname"); 위 예시는 자바스크립트만을 이용하여 idname이라는 id 속성을 가지고 있는 요소에 접근하는 방법입니다. 제이쿼리의 경우 $("#idname") $(this) 달러 브레이스($)를 적고 소괄호 안에 선택자를 입력하면 선택자에 맞는 요소를 나타내기 때문에 바로 메서드 사용이 가능합니다. 괄호 안의 this는 이벤트가 일어난 대상을 나타내므로 이벤트 등록 메서드 안에서 많이 사용됩니다. 자바스크립트와 제이쿼리를 비교해 봤을 때 한눈에 봐도 제이쿼리가 더 간편한 것을 알 수 있습니다. 자바스크립트는 g..
IT, 프로그래밍/Jquery 2020. 10. 7. 15:29

[Jquery] 제이쿼리로 Ajax 다루기

Jquery로 ajax 사용하기 jquery를 이용하면 좀 더 간편하게 ajax 통신을 할 수 있습니다. 기본 사용법 $.ajax({ type: "post", url: "/test", data: {param: 'string'}, success: function() { alert('성공'); } ... }); 기본 사용법은 ajax 괄호 안에 ajax 관련 속성과 값을 설정하여 통신할 수 있습니다. ajax 관련 속성은 아래와 같습니다. 분류 속성 설명 기본 type 통신 타입을 설정합니다. (get, post) url 요청할 url을 설정합니다. data 서버에 요청할 때 보낼 매개변수를 설정합니다. dataType 응답 받을 데이터 타입을 설정합니다.(xml, plain, html, json 등) 설정..
IT, 프로그래밍/Jquery 2020. 10. 2. 11:58
◀ 1 ▶

티스토리툴바