>  기사  >  웹 프론트엔드  >  Jquery와 부트스트랩의 차이점은 무엇입니까?

Jquery와 부트스트랩의 차이점은 무엇입니까?

青灯夜游
青灯夜游원래의
2020-11-09 17:00:532905검색

차이점: Bootstrap은 주로 HTML, CSS, Less, Saas 및 JavaScript로 작성된 애플리케이션 개발을 위한 오픈 소스 프런트 엔드 프레임워크입니다. Jquery는 주로 JavaScript로 작성된 클라이언트 측 스크립트용 오픈 소스 JavaScript 라이브러리입니다.

Jquery와 부트스트랩의 차이점은 무엇입니까?

Bootstrap에 대한 간략한 소개

Bootstrap은 HTML5 및 CSS3를 기반으로 개발되어 고유한 웹 사이트 스타일을 형성하기 위해 더욱 개인화되고 개선되었으며 일부 주요 웹 사이트와 호환됩니다. jQuery 플러그인.

 기본 구조: 부트스트랩은 그리드 시스템, 링크 스타일 및 배경을 갖춘 기본 구조를 제공합니다. 이에 대해서는 부트스트랩 기본 구조 섹션에서 자세히 설명하겠습니다.

  CSS: Bootstrap에는 전역 CSS 설정, 기본 HTML 요소 스타일 정의, 확장 가능한 클래스 및 고급 그리드 시스템과 같은 기능이 포함되어 있습니다. 이에 대해서는 Bootstrap CSS 섹션에서 자세히 설명하겠습니다.

 구성 요소: Bootstrap에는 이미지 생성, 드롭다운 메뉴, 탐색, 경고 상자, 팝업 상자 등을 위한 재사용 가능한 구성 요소가 12개 이상 포함되어 있습니다. 이에 대해서는 레이아웃 구성요소 섹션에서 자세히 설명합니다.

 JavaScript 플러그인: Bootstrap에는 12개 이상의 사용자 정의 jQuery 플러그인이 포함되어 있습니다. 모든 플러그인을 직접 포함하거나 개별적으로 포함할 수 있습니다. 이에 대해서는 Bootstrap 플러그인 섹션에서 자세히 설명하겠습니다.

 사용자 정의: Bootstrap 구성 요소, LESS 변수 및 jQuery 플러그인을 사용자 정의하여 자신만의 버전을 얻을 수 있습니다.

 Bootstrap에는 Bootstrap의 구성 요소에 "생명"을 제공하는 13개의 jQuery 플러그인이 함께 제공됩니다. 여기에는 모달 대화 상자, 탭, 스크롤 막대, 팝업 상자 등이 포함됩니다.

간단히 말하면: BootStrap은 웹 사이트의 프런트 엔드 페이지를 빠르게 구축하기 위한 오픈 소스 프로젝트(Jquery 기반)입니다. 관련 클래스, 태그 이름 등의 의미를 이해하면 되며, 페이지를 구축할 때 부트스트랩의 JS, CSS 등을 가져오면 HTML 설명: 약어; 마우스 부트스트랩은 약어 및 약어 위로 마우스를 가져갈 때 전체 내용을 표시하여 HTML 요소에 대한 향상된 스타일을 구현합니다. 약어 요소에는 TItle 속성이 있으며 밝은 점선 프레임으로 마우스를 이동하면 "물음표"가 있는 포인터로 변합니다. 위의 효과를 내기 위해 단락 텍스트에 특정 단어나 문구가 필요한 경우 해당 형식으로 작성하면 됩니다. 추가 class="iniTIalism" 을 사용하면 글꼴 크기가 작아지거나 그럴 필요가 없습니다. 반면에, 부트스트랩이나 기타 유사한 프레임워크를 시도하지 않는다면 그러한 효과를 직접 작성해야 하며, 이는 개발하는 데 오랜 시간이 걸립니다. 또 다른 예는 비슷한 Jquery의 easyui입니다.

jQuery에 대한 간략한 소개

jQuery는 Prototype 이후의 또 다른 뛰어난 JavaScript 코드 라이브러리(또는 JavaScript 프레임워크)입니다. jQuery 디자인의 목적은 "적게 작성하고 더 많이 수행"입니다. 이는 더 적은 코드를 작성하고 더 많은 작업을 수행한다는 의미입니다. 일반적으로 사용되는 기능 코드를 JavaScript로 캡슐화하고 간단한 JavaScript 디자인 패턴을 제공하며 HTML 문서 작업, 이벤트 처리, 애니메이션 디자인 및 Ajax 상호 작용을 최적화합니다.

 jQuery의 핵심 기능은 다음과 같이 요약할 수 있습니다. 고유한 체인 구문과 짧고 명확한 다기능 인터페이스가 있습니다. 효율적이고 유연한 CSS 선택기가 있으며 CSS 선택기를 확장할 수 있습니다. - 확장 메커니즘과 풍부한 플러그인. jQuery는 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 등과 같은 다양한 주류 브라우저와 호환됩니다.

bootstrap과 jquery의 차이점

Bootstrap은 애플리케이션 개발을 위한 오픈 소스 프런트엔드 프레임워크입니다. Jquery는 클라이언트 측 스크립트를 위한 오픈 소스 자바스크립트 라이브러리입니다.

Bootstrap은 주로 HTML, CSS, Less로 작성됩니다. Saas 및 JavaScript; 주로 JavaScript로 작성되었습니다.

Bootstrap은 CSS 프레임워크를 사용하여 다양한 웹사이트에 사용할 수 있는 다양한 테마 템플릿을 통해 사이트를 더욱 맞춤화할 수 있습니다. Jquery에서는 많은 사용자 정의를 사용하여 사이트를 개발할 수 없으며 다양한 웹 사이트 개발을 위한 테마 템플릿이 없습니다.

 Bootstrap은 CSS와 일부 jquery 플러그인이 포함된 프론트엔드 프레임워크입니다. jquery에 의존하므로 함께 사용해야 합니다.

 Bootstrap은 jquery를 사용하여 작성된 확장입니다. 먼저 juqery를 도입해야 합니다. jquery를 도입하지 않으면 부트스트랩 기능을 사용할 수 없습니다.

부트스트랩은 레이아웃, 간격 등을 정의하고 관리에 필요한 사항도 적게 제공하는데 이는 CSS 사양 및 프레임워크라고 볼 수 있습니다.

그가 제공하는 스타일을 사용하여 원하는 대로 결합하면 기본적으로 일부 페이지의 스타일 요구 사항을 충족할 수 있습니다.

  Jquery를 사용한다면, 웹사이트를 만들려면 PC에서는 jQuery-ui를, 휴대폰에서는 jQuery-ui를 사용하면 됩니다. [웹사이트는 두 세트를 만들어야 합니다.]

bootstrap을 사용한다면 [한 세트만 만듭니다. 충분합니다].

 부트스트랩은 반응형 레이아웃이므로 페이지를 표시하는 효과는 탐색 장치에 따라 다릅니다. 물론 IE 6---IE7을 지원해야 한다면 낮은 버전의 jQuery를 사용하는 것이 가장 좋습니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.