What is the difference between jquery and bootstrap?

Difference: Bootstrap is an open source front-end framework for developing applications, mainly written in HTML, CSS, Less, Saas and JavaScript; Jquery is an open source javascript library for client-side scripts, mainly written in JavaScript.

A brief introduction to Bootstrap

Bootstrap is developed based on HTML5 and CSS3, and is based on jQuery. It is more personalized and perfect, forming its own unique website style, and is compatible with most jQuery plug-ins.

Basic structure: Bootstrap provides a basic structure with a grid system, link styles, and background. This will be explained in detail in the Bootstrap basic structure section.

CSS: Bootstrap comes with the following features: global CSS settings, defining basic HTML element styles, extensible classes, and an advanced grid system. This will be explained in detail in the Bootstrap CSS section.

Components: Bootstrap contains more than a dozen reusable components for creating images, drop-down menus, navigation, alert boxes, pop-up boxes, and more. This will be explained in detail in the Layout Components section.

JavaScript plug-ins: Bootstrap includes more than a dozen custom jQuery plug-ins. You can include all plug-ins directly or include them individually. This will be explained in detail in the Bootstrap plugin section.

Customization: You can customize Bootstrap components, LESS variables, and jQuery plugins to get your own version.

Bootstrap comes with 13 jQuery plug-ins, which give "life" to the components in Bootstrap. These include: modal dialog boxes, tabs, scroll bars, pop-up boxes, etc.

To put it simply: BootStrap is an open source project (based on Jquery) for quickly building the front-end page of a website. You only need to understand the meanings of relevant classes, tag names, etc., and then when building the page, import bootstrap's JS, css, etc., and it will show the corresponding effects, such as HTML description: abbreviation; when the mouse Bootstrap implements enhanced styling for HTML elements by displaying the full content when hovering over abbreviations and abbreviations. The abbreviation element has the TItle attribute and appears as a light dotted frame. When the mouse is moved over it, it will turn into a pointer with a "question mark". When you need a certain word or phrase in the paragraph text to have the above effect, you can just write it in that format. The additional class="iniTIalism" makes the font size smaller, or it is not necessary. On the other hand: if you don't try bootstrap or other similar frameworks, then you have to write such effects yourself, which takes a long time to develop. Another example is Jquery's easyui, which is similar.

A brief introduction to jQuery

jQuery is a fast and concise JavaScript framework. It is another excellent JavaScript code library (or JavaScript framework) after Prototype. The purpose of jQuery's design is "write less, do more", which means writing less code and doing more things. It encapsulates common JavaScript function codes, provides a simple JavaScript design pattern, and optimizes HTML document operations, event processing, animation design and Ajax interaction.

The core features of jQuery can be summarized as follows: It has a unique chain syntax and a short and clear multi-functional interface; It has an efficient and flexible CSS selector, and can extend the CSS selector; It has convenient plug-in extensions Mechanism and rich plug-ins. jQuery is compatible with various mainstream browsers, such as IE 6.0, FF 1.5, Safari 2.0, Opera 9.0, etc.

The difference between bootstrap and jquery

Bootstrap is an open source front-end framework for developing applications; Jquery is an open source javascript library for client scripts

Bootstrap is mainly written in HTML, CSS, Less, Saas and JavaScript; Jquery is mainly written in JavaScript.

Bootstrap can use CSS frameworks to make the site more customizable, and has a template with various themes that can be used for different websites. In Jquery, it is not possible to develop the site with many customizations, there are no theme templates for different website development.

Bootstrap is a front-end framework that includes css and some jquery plug-ins. It depends on jquery, so it must be used together.

Bootstrap is an extension written by relying on jquery. If you want to use bootstrap, you must first introduce juqery If you don’t introduce jquery, you can’t use the functions of bootstrap

Bootstrap defines layout, spacing, etc., and also provides less for management, which can be regarded as a CSS specification and framework.

Use the styles he provides to combine them at will, which can basically meet the style needs of some pages.

If you use Jquery, if you want to make a website, use jQuery-ui on the PC and jQuery mobile on the mobile phone [You need to make two sets of websites]

If you use bootstrap, [Only one set is needed enough】.

Because bootstrap is a responsive layout, the effect of displaying the page to you will be different depending on your browsing device. Of course, if you need to support IE 6---IE7, it is best to use a lower version of jQuery.

For more programming-related knowledge, please visit: Introduction to Programming! !

The above is the detailed content of What is the difference between jquery and bootstrap?. For more information, please follow other related articles on the PHP Chinese website!