📌 Front End/└ jQuery5 [jQuery] 전역 함수와 매개변수 처리 방법 jQuery에서 전역 함수는 다음과 같이 생성합니다.javascript에서 단순 함수를 만들어 사용해도 되는 부분이지만 jQuery에서는 이렇게 사용하는 것도 가능하다는 것만 참고로 하면 될 것 같습니다. $.[함수명]의 형태로 선언한 뒤에 원하는 함수를 구현하고$.[함수명]의 형태로 호출합니다.만약 함수를 호출하는데 선택자가 사용되어야 한다면 jQuery의 fn속성을 사용해야 합니다.$.fn.myfunc = function () { $(this).animate({ opacity: 0.2 }, 'slow', function() { alert('완료'); });};$(function () { $('img').myfunc();});이때 this는 선택자에.. 2023. 3. 10. [jQuery] 변수앞에 달러를 붙이는 이유 jqeury 를 사용해서 받은 것을 변수에 넣었다는것을 표시하기위해서 $을 붙이는 이유는 jquery 객체라는 의미 2023. 3. 10. [jQuery] $.fn.extend({ }) vs $.extend({ }) 비교하기 객체 형식 ▶ { , } $.fn.extend({ })메서드 확장 정의jQuery 를 확장 즉 커스터마이징jQuery 의 기본 함수에 추가하는 내가 쓰고자 하는 함수를 넣어서 확장.fn -> 아직 정해지지 않은 자바스크립트에서 지원하는 오브젝트 전체를 뜻하는 가명 .fn 으로 생성된 메소드는 아무나 이용하고 접근할 수 있는 메소드가 된다.jquery prototype(원본의) property 확장.$.fn.extend() 의 경우 jquery prototype의 prototype을 확장한다는 의미로 $.fn.extend({ method1 : function(){} })와 같이 선언한다.다른 jquery method들 처럼 $("div").method1(); 로 호출.. 2023. 3. 10. [jQuery] JQuery를 이용한 AJAX통신 AJAX란 무엇인가?자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능클라이언트와 서버간에 XML 데이터를 주고받는 기술이다.비동기 방식이란?웹페이지를 리로드 하지 않고 데이터를 불러오는 방식웹페이지에서 기타 코드들을 요청할 경우, 웹 페이지를 리로드 하면서 불필요한 리소스가 낭비 되는데, 비동기 방식을 이용하면 필요한 데이터만 불러오면서 리소스 낭비를 줄일 수 있다.AJAX는 XMLHttpRequest 객체를 통해 서버에 request 한다.JSON이나 XML형태로 필요한 데이터만 받아 갱신하기 때문에 그만큼의 자원과 시간을 아낄 수 있다. AJAX의 장점웹페이지 속도향상서버의 처리가 완료될 때까지 기다리지 않고 처리 가능기존 웹에서 불가능했던 UI를 가능하게 해줌.. 2023. 3. 10. [JQuery] 이벤트 처리 방법(event binding) jQuery를 사용할 때 이벤트 처리는 아주 빈번하게 사용하는 기능 가운데 하나입니다. 이 글에서는 jQuery 내부에서 이벤트를 어떻게 처리하는지 설명합니다.먼저 jQuery에서 사용할 수 있는 다양한 이벤트 처리 방법을 살펴보고, jQuery의 이벤트 객체와 구조를 살펴보겠습니다. 마지막으로 이벤트를 처리하는 각 단계에서 실제 어떤 흐름을 거쳐 이벤트를 처리하는지 확인하겠습니다.이 글에서 설명하는 내용은 jQuery 2.2.0을 기준으로 작성했습니다.jQuery의 다양한 이벤트 처리 방법일반적으로 이벤트 하나에 이벤트 핸들러 하나를 등록해 이벤트를 처리한다. 그러나 jQuery에서는 같은 이벤트를 여러 번 처리하거나 같은 이벤트 핸들러를 여러 이벤트에 등록해 이벤트를 처리할 수 있다.네임스페이스의 사.. 2023. 3. 10. 이전 1 다음 728x90 반응형
