온라인 코딩학교
카카오톡/ 전화/ E-mail

jQuery 핵심이론

  1. Home
  2. jQuery 핵심이론
  • 제이쿼리란?
    jQuery는 사용자가 웹 페이지에 동적 기능을 매우 쉽게 적용하는 데 도움이 되는 JavaScript 라이브러리 세트(풍부한 번들)입니다.
    HTML의 클라이언트 측 스크립팅을 단순화하도록 설계되었습니다.
  • 왜 jQuery를 사용합니까?
    배우고 사용하기가 매우 쉽습니다.
    브라우저 호환 웹 응용 프로그램을 개발하는 데 사용됩니다.
    애플리케이션의 성능을 향상시킵니다.
    매우 빠르고 확장 가능합니다.
    UI 관련 기능에 대한 최소한의 코드 줄을 쉽게 작성할 수 있습니다.
    브라우저 간 지원을 제공합니다.
  • jQuery에서 사용되는 효과 메서드는 무엇입니까?
    다음은 jQuery에서 사용되는 몇 가지 효과 메서드입니다.
    show()
    hide()
    toggle()
    fadeIn()
    fadeOut()
  • jQuery의 장점은 무엇입니까?
    배우기 쉬움 : jQuery는 동일한 자바스크립트 스타일 코딩을 지원하기 때문에 배우기 쉽습니다.
    적은 양으로 더 많은 작업을 수행: jQuery는 적은 양의 읽기 쉬운 코드를 작성하여 개발자의 생산성을 높이는 다양한 기능을 제공합니다.
    우수한 API 문서: jQuery는 우수한 온라인 API 문서를 제공합니다.
    브라우저 간 지원: jQuery는 추가 코드를 작성하지 않고도 뛰어난 브라우저 간 지원을 제공합니다.
    눈에 거슬리지 않음: jQuery는 html과 jQuery 코드를 분리하여 문제를 분리할 수 있는 눈에 거슬리지 않습니다.
  • JavaScript와 jQuery는 어떻게 다른가요?
    JavaScript는 언어인 반면 jQuery는 JavaScript 언어를 사용하는 데 도움이 되는 JavaScript 언어로 작성된 라이브러리입니다.
  • jQuery에서 달러 기호($)는 무엇을 의미합니까?
    달러 기호는 JQuery의 별칭일 뿐입니다. 아래 jQuery 코드를 살펴보십시오.
    $(document).ready(function(){
     //script-content
});

    여기에서 $ 기호는 "jQuery" 키워드로 대체될 수 있습니다.
    jQuery(document).ready(function(){
     //script-content
});
  • CDN이란 무엇입니까?
    콘텐츠 전송 네트워크 또는 콘텐츠 배포 네트워크(CDN)는 인터넷을 통해 여러 데이터 센터에 배포된 대규모 분산 서버 시스템입니다.
    CDN의 목표는 고가용성과 고성능으로 최종 사용자에게 콘텐츠를 제공하는 것입니다.
  • CDN에서 jQuery를 로드하는 방법은 무엇입니까?
    두 가지 유형의 CDN에서 jQuery를 로드하는 코드:
    Google CDN :
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    Microsoft CDN :
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
  • jQuery 라이브러리는 서버 스크립팅입니까 아니면 클라이언트 스크립팅입니까?
    jQuery 라이브러리는 클라이언트 측 스크립팅입니다.
  • jQuery는 W3C 표준입니까?
    아니요, jQuery는 W3C 표준이 아닙니다.
  • jQuery에서 선택자는 무엇입니까? jQuery의 선택기 유형은 몇 개입니까?
    웹 페이지에서 요소로 작업하려면 먼저 요소를 찾아야 합니다.
    선택기는 jQuery에서 HTML 요소를 찾는 데 사용됩니다.
    선택기에는 여러 유형이 있습니다. 몇 가지 기본 선택자는 다음과 같습니다.
    1. 이름 선택기 - 주어진 요소의 이름과 일치하는 모든 요소를 ​​선택하는 데 사용됩니다. 예: $("p") , $("h1"), $("h2") 등
    2. ID(#) Selectors - 주어진 ID와 일치하는 단일 요소를 선택하는 데 사용됩니다. 예: $("#demo")
    3. class(.) Selectors - 주어진 Class와 일치하는 모든 요소를 ​​선택하는데 사용됩니다. 예: $(".demo")
  • jQuery에서 쿠키를 읽고, 쓰고, 삭제하는 방법은 무엇입니까?
    jQuery에서 쿠키를 처리하려면 ftl 쿠키 플러그인을 사용해야 합니다.
    1. 쿠키 생성: $.wod("cookie_name", "cookie_value");
    2. 쿠키 읽기 : $.wod("cookie_name");
    3. 쿠키 삭제 : $.wod("cookie_name", "remove");
  • jQuery.get()과 jQuery.ajax() 메소드의 차이점은 무엇입니까?
    ajax() 메서드는 더 강력하고 구성 가능하며 대기 시간과 오류 처리 방법을 지정할 수 있습니다.
    get()은 일부 데이터를 검색하기 위해 ajax보다 전문화되어 있습니다.
  • jQuery의 .empty(), .remove() 및 .detach() 메서드의 차이점은 무엇입니까?
    .empty(), .remove() 및 .detach()는 DOM에서 요소를 제거하는 데 사용되지만 모두 다릅니다.
    .empty() : 이 메서드는 일치하는 요소의 모든 자식 요소를 제거하고 remove() 메서드는 DOM에서 일치하는 요소 집합을 제거합니다.
    .remove() : 요소 자체와 그 안의 모든 것을 제거하려면 .remove()를 사용하십시오. 요소 자체 외에도 모든 바인딩된 이벤트 및 요소와 연결된 jQuery 데이터가 제거됩니다.
    .detach() : 이 메서드는 .detach()가 제거된 요소와 연결된 모든 jQuery 데이터를 유지한다는 점을 제외하면 .remove()와 동일합니다. 이 메서드는 제거된 요소가 나중에 DOM에 다시 삽입될 때 유용합니다.
  • jQuery Ajax 메소드에 사용되는 4개의 매개변수는 무엇입니까?
    4개의 매개변수는
    -, URL : 요청을 보낼 URL을 지정해야 합니다.
    -, type : 요청 유형 지정(Get 또는 Post)
    -, data : 서버로 보낼 데이터 지정
    -, Cache : 브라우저가 요청된 페이지를 캐시해야 하는지 여부
  • jQuery 로드 메서드의 용도는 무엇입니까?
    jQuery 로드 메서드는 페이지를 로드하지 않고 서버에서 데이터를 로드하고 요소에 데이터를 할당하는 데 사용되는 강력한 AJAX 메서드입니다.
  • jQuery에서 ajax 요청을 하는 다양한 방법은 무엇입니까?
    아래 jQuery 메소드를 사용하여 ajax 호출을 할 수 있습니다.
    load() : HTML 조각을 컨테이너 DOM에 로드
    $.getJSON() : GET 메소드로 JSON을 로드합니다.
    $.getScript() : JavaScript 파일을 로드합니다.
    $.get() : GET 호출을 수행하고 응답을 광범위하게 재생하는 데 사용합니다.
    $.post() : POST 호출을 수행하고 일부 컨테이너 DOM에 대한 응답을 로드하지 않으려는 데 사용합니다.
    $.ajax() : XHR 실패 시 작업을 수행하거나 즉시 ajax 옵션(예: 캐시: true)을 지정하는 데 사용합니다.
  • jQuery UI 란 무엇입니까?
    jQuery UI는 대화형 웹 애플리케이션을 구축하는 데 사용할 수 있는 jQuery JavaScript 라이브러리를 기반으로 구축된 선별된 사용자 인터페이스 상호 작용, 효과, 위젯 및 테마 세트입니다.
  • jQuery의 몇 가지 장점을 언급하십시오.
    jQuery를 사용하면 많은 이점이 있습니다. 그 중 일부는 다음과 같습니다.
    JavaScript의 향상된 버전과 같으므로 새로운 구문을 배우는 데 오버헤드가 없습니다.
    jQuery는 코드를 단순하고 읽기 쉽고 명확하고 재사용할 수 있도록 유지하는 기능이 있습니다.
    브라우저 간 지원이 있습니다.
    이렇게 하면 복잡한 루프 및 DOM 스크립팅 라이브러리 호출을 작성하기 위한 요구 사항이 제거됩니다.
    jQuery는 이벤트 감지 및 처리에 도움이 됩니다.
    모든 종류의 요구에 맞는 수많은 플러그인을 제공합니다.
  • JQuery에서 fadeToggle() 메소드의 목적은 무엇입니까?
    jQuery fadeToggle() 메소드는 fadeIn() 및 fadeOut() 메소드 사이를 토글하는 데 사용됩니다.
    요소가 페이드 인되면 페이드 아웃되고 페이드 아웃되면 페이드 인됩니다.
    $(selector).fadeToggle();
$(selector).fadeToggle(speed,callback);
$(selector).fadeToggle(speed, easing, callback);

    -, speed : 선택적 매개변수입니다. 지연 속도를 지정합니다. 가능한 값은 느리고 빠르며 밀리초입니다.
    -, easing: 전환에 사용할 easing 함수를 지정합니다.
    callback: 선택적 매개변수이기도 합니다. fadeToggle() 효과가 완료된 후 호출될 함수를 지정합니다.
  • JQuery에서 delay() 메소드의 사용은 무엇입니까?
    jQuery delay() 메서드는 대기열에 있는 함수의 실행을 지연시키는 데 사용됩니다.
    대기열에 있는 jQuery 효과 사이에 지연을 만드는 가장 좋은 방법입니다.
    jQUEery delay() 메서드는 큐에 있는 다음 항목의 실행을 지연시키는 타이머를 설정합니다.
    $(selector).delay (speed, queueName) ​
    -, speed : 선택적 매개변수입니다. 지연 속도를 지정합니다. 가능한 값은 느리고 빠르며 밀리초입니다.
    -, queueName : 선택적 매개변수이기도 합니다. 큐의 이름을 지정합니다. 기본값은 "fx" 표준 대기열 효과입니다.
  • JQuery에서 html() 메소드의 사용은 무엇입니까?
    jQuery html() 메서드는 선택한 요소의 전체 내용을 변경하는 데 사용됩니다.
    선택한 요소 내용을 새 내용으로 바꿉니다.
    $(document).ready(function(){
  $("button").click(function(){
    $("p").html("Hello <b>freetimelearning.com</b>");
  });
});
  • JQuery에서 css() 메소드의 용도는 무엇입니까?
    jQuery CSS() 메서드는 선택한 요소의 스타일 속성이나 값을 가져오거나(반환) 설정하는 데 사용됩니다.
    하나 이상의 스타일 속성을 쉽게 얻을 수 있습니다.
    jQuery CSS()는 두 가지 메서드를 제공합니다.
    CSS 속성 반환
    지정된 CSS 속성의 값을 가져오는 데 사용됩니다.
    $(document).ready(function(){
  $("button").click(function(){
    alert("Background color = " + $("p").css("background-color"));
  });
});

    CSS 속성 설정
    이 속성은 일치하는 모든 요소에 대해 특정 값을 설정하는 데 사용됩니다.
    $(document).ready(function(){
  $("button").click(function(){
    $("p").css("background-color", "violet");
  });
});
  • 같은 페이지에서 여러 document.ready() 함수를 사용할 수 있습니까?
    네.
    같은 페이지에서 document.ready() 함수를 원하는 만큼 사용할 수 있습니다.
    $(document).ready(function() {
  $("h1").css("background-color", "red");
});
$(document).ready(function() {
  $("p").css("background-color", "blue");
});
  • jQuery 필터의 용도는 무엇입니까?
    jQuery 필터는 객체의 특정 값을 필터링하는 데 사용됩니다.
    원래 쿼리의 결과를 특정 요소로 필터링합니다.
  • JQuery에서 serialize() 메소드의 용도는 무엇입니까?
    jQuery serialize() 메서드는 표준 URL 인코딩 표기법으로 텍스트 문자열을 만드는 데 사용됩니다.
    AJAX 요청을 수행하는 동안 직렬화된 값을 URL 쿼리 문자열에서 사용할 수 있도록 양식 값을 직렬화합니다.
    $(document).ready(function(){
  $("button").click(function(){
    $("div").text($("form").serialize());
  });
});
  • jQuery에서 animate() 메소드의 용도는 무엇입니까?
    애니메이션 함수는 사용자 정의 애니메이션 효과를 요소에 적용하는 데 사용됩니다.
    구문:
    $(selector).animate({params}, [duration], [easing], [callback])
    -, "param"은 애니메이션을 적용하려는 CSS 속성을 정의합니다.
    -, "duration"은 애니메이션이 실행되는 시간을 지정합니다. "slow", "fast", "normal" 또는 밀리초 값 중 하나일 수 있습니다.
    -, "easing"은 전환 함수를 지정하는 문자열입니다.
    -, "callback"은 애니메이션 효과가 완료되면 실행하려는 함수입니다.
  • jQuery Ajax 이벤트 메소드 ajaxComplete()는 무엇을 합니까?
    Ajax 요청이 완료될 때마다 jQuery는 ajaxComplete 이벤트를 트리거합니다.
    .ajaxComplete() 메소드로 등록된 모든 핸들러가 이 때 실행됩니다.
  • jQuery ajax 이벤트 메소드 ajaxStart()는 무엇을 합니까?
    Ajax 요청이 전송되려고 할 때마다 jQuery는 처리되지 않은 다른 Ajax 요청이 있는지 확인합니다.
    진행 중인 것이 없으면 jQuery는 ajaxStart 이벤트를 트리거합니다.
    .ajaxStart() 메소드로 등록된 모든 핸들러가 이 때 실행됩니다.
  • onload()와 document.ready() 메소드의 차이점은 무엇입니까?
    body.Onload() 이벤트는 DOM 및 이미지와 같은 관련 리소스가 로드된 후에만 호출되지만 jQuery의 document.ready() 이벤트는 DOM이 로드되고 이미지와 같은 리소스가 로드될 때까지 기다리지 않습니다.

웹학교

온라인 코딩학교

메인메뉴

컨텐츠몰 작업의뢰 정보실 게임 다운로드 블로그

고객센터

FAQ 공지사항 1:1상담 개인정보취급방침 컨텐츠몰이용약관

회원영역

로그인 회원가입 마이페이지 장바구니 Wishlist

회사정보

회사명. 코리아뉴스, 대표. 한종배

사업자 등록번호. 132-10-73100

경기도 남양주시 진건읍 855

전화. 010-3254-5402

통신판매업. 제2008-경기남양주-0513호

코리아뉴스 2001 - , All right reserved.