부트스트랩과 jquery의 관계는 무엇입니까

WBOY
풀어 주다: 2022-08-01 18:02:25
원래의
3380명이 탐색했습니다.

부트스트랩과 jquery의 관계는 다음과 같습니다. 부트스트랩은 다른 기술과 결합된 jquery를 기반으로 하는 프런트 엔드 프레임워크입니다. Bootstrap은 웹 애플리케이션 및 웹 사이트를 빠르게 개발하는 데 사용됩니다. jquery는 여러 브라우저와 호환되는 JavaScript 라이브러리입니다. Bootstrap은 HTML, CSS 및 JAVASCRIPT를 기반으로 합니다.

부트스트랩과 jquery의 관계는 무엇입니까

이 튜토리얼의 운영 환경: Windows 10 시스템, 부트스트랩 버전 5, DELL G3 컴퓨터

부트스트랩과 jquery의 관계는 무엇입니까?

Bootstrap은 HTML, CSS, JAVASCRIPT 및 jQuery를 기반으로 합니다. 여러 브라우저와 호환되는 자바스크립트 라이브러리입니다.

bootstrap은 다른 기술과 결합된 jQuery를 기반으로 하는 프런트 엔드 프레임워크입니다.

Bootstrap에 대한 간략한 소개

Bootstrap은 HTML5 및 CSS3를 기반으로 개발되어 jQuery를 기반으로 더욱 개인화되고 개선되어 고유한 웹 사이트 스타일을 형성하며 대부분의 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은 프런트 엔드입니다. CSS를 포함한 프레임워크와 일부 jquery 플러그인은 jquery에 의존하므로 함께 사용해야 합니다

  • bootstrap은 jquery를 사용하여 작성된 확장 프로그램입니다. jquery를 도입하지 않으면 bootstrap의 기능을 사용할 수 없습니다

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

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

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

  • Bootstrap을 사용한다면 , [한 세트만으로도 충분합니다 ].

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

이제 더 인기 있는 프런트엔드 프레임워크에는 bootstrap + angleJS가 포함됩니다.

jQuery는 JavaScript 도구 세트입니다. 직설적으로 말하면 jQuery는 JavaScript입니다.

Bootstrap은 이미 만들어진 여러 웹 페이지 형식과 웹 레이아웃을 통합하고 많은 CSS 스타일과 JS 코드를 캡슐화하는 개발 프레임워크입니다. 직접 사용할 수 있으며 자신의 콘텐츠로 바꾸기만 하면 됩니다.

jquery는 js를 단순화하여 html 요소와 프론트엔드 데이터를 주로 운용하는 js 스크립트 라이브러리입니다.

bootstrap은 프런트 엔드 페이지 디자인 데이터 표시 프레임워크로 주로 UI 부분이며 표시 효과가 매우 좋습니다.

bootstrap = 스타일 라이브러리 + 여러 jQuery 플러그인

그런데 부트스트랩 스타일만 필요한 경우 jQuery 및 bootstrap js 파일을 전혀 가져올 필요가 없습니다

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

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿