Jquery 프레임워크와 부트스트랩 프레임워크의 차이점

jquery 프레임워크와 부트스트랩 프레임워크의 차이점

Bootstrap 프레임워크

Bootstrap의 공식 웹사이트 소개에서 Bootstrap은 반응형, 모바일 우선 개발을 위한 가장 널리 사용되는 HTML, CSS, JS 프레임워크입니다.

일반적인 의미는 다음과 같습니다. 부트스트랩은 반응형 레이아웃을 개발하는 데 사용되는 가장 인기 있는 HTML, CSS 및 JS 프레임워크이며, 반응형 레이아웃을 개발하는 데 사용되는 모바일 장치 우선 웹 프로젝트는 HTML용 도구 세트입니다. , CSS 및 JS 개발을 위한 오픈 소스 도구 세트입니다.

Bootstrap은 먼저 모바일 장치로 설계되었습니다. 웹 페이지 헤드에 뷰포트 메타 태그를 추가하세요

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Bootstrap은 .container 클래스(고정 폭과 지원을 제공하는 컨테이너)를 사용하여 웹 사이트의 콘텐츠를 래핑하는 컨테이너 요소를 사용합니다. 반응형 레이아웃) 및 .container-fluid(너비가 100%이고 전체 뷰포트를 차지하는 컨테이너에 사용됨) 자세한 내용은 튜토리얼(https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html, 3번의 튜토리얼 이후 독립된 부분 jQuery 플러그인)

일반적으로 Bootstrap은 프론트엔드 프레임워크라고 합니다. 개인적으로 Bootstrap의 프레임워크와 Angular에서 언급한 프레임워크는 그다지 정확하지 않다고 생각합니다. 다른 프레임워크와는 다릅니다. 일련의 정의된 CSS 클래스와 미리 정의된 일부 jquery 플러그인을 통해 전환, 드롭다운, 접기 및 carousel

또는 Bootstrap은 프런트 엔드 레이아웃에 사용되는 UI입니다. 프레임워크는 javascript 프레임워크가 아닌 CSS 프레임워크이지만 Bootstrap 프레임워크의 시각적 효과를 향상시키기 위해 javascript도 사용합니다

관련 권장 사항: "bootstrap 튜토리얼 "

jQuery 프레임워크

jQuery는 JavaScript 함수 라이브러리로, JavaScript 프로그래밍을 크게 단순화합니다. jQuery는 현재 가장 널리 사용되는 JS 프레임워크이며 다양한 확장 기능을 제공합니다.

공식 홈페이지: https://jquery.com, 중국어 매뉴얼: http://www.xgllseo.com/jq3/index-2.html, jQueryUI: http://jqueryui.com(사용자 인터페이스 상호 작용, 특수 효과) , 작은 부분 및 테마)

기본 구문: $(select).action(), jQuery의 선택자는 CSS와 동일, 클래스 선택기.class, id 선택기 #id, sass 작성 방법>

$(document).ready(function(){
     //jQuery 入口函数
});
$("button").click(function(){
    //jQuery 点击事件
});

jQuery는 느낌이 좋아요 일부 기능을 캡슐화하고 기본 js 작성을 단순화합니다. 실제 사용에서 jQuery는 DOM 트리를 제어합니다. 즉, 먼저 작성된 HTML 페이지가 있는 다음 수정됩니다. 예를 들어 버튼 이벤트 기능을 작성하고 숨기기를 클릭합니다. 스위치, 페이지 점프 등

위 내용은 Jquery 프레임워크와 부트스트랩 프레임워크의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!