The difference between jquery framework and bootstrap framework

The difference between jquery framework and bootstrap framework

Bootstrap framework

In the introduction of Bootstrap's official website, Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

The general meaning is: Bootstrap is the most popular HTML, CSS, and JS framework, used to develop responsive layout, mobile device-first web projects, used to develop responsive layout, is an open source tool set for HTML, CSS and JS development.

Bootstrap is designed with mobile devices first, add the viewport meta tag in the head of the web page

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

Bootstrap uses a container element to wrap the content of the website, using the class .container (fixed width and Containers that support responsive layout) and .container-fluid (containers that are 100% width and occupy the entire viewport), please see the tutorial for details (https://www.runoob.com/bootstrap4/bootstrap4 -tutorial.html, comes with some jQuery plug-ins, after 3 tutorials)

Usually it is said that Bootstrap is a front-end framework. Personally, I feel that this statement is not very accurate. The framework of Bootstrap is the same as the framework of Angular, etc. This framework is not that framework. Bootstrap feels more like a page UI layout, which achieves preliminary effects such as transition, drop-down, folding, and carousel through a series of defined CSS classes and some predefined jquery plug-ins

Or, Bootstrap is a UI, a framework used for front-end layout. It is a css framework, not a javascript framework, but it also uses javascript itself to improve the visual effects of the Bootstrap framework.

Related recommendations: " bootstrap tutorial》

jQuery framework

jQuery is a JavaScript function library that greatly simplifies JavaScript programming. jQuery is currently the most popular JS framework and provides a large number of extensions.

Official website: https://jquery.com, Chinese manual: http://www.xgllseo.com/jq3/index-2.html, jQueryUI: http://jqueryui.com (user interface interaction , special effects, widgets and themes)

Basic syntax: $(select).action(), jQuery’s selector is the same as CSS, class selector.class, id selector #id, sass writing method> ;

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

jQuery feels like it encapsulates a part of the function, simplifying the writing of native js. In actual use, jQuery controls the DOM tree, that is: first there is a written html page, Then modify it

such as writing button event functions, clicking to hide, switch, page jump, etc.

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