BootStrap知识点

本文详细介绍了BootStrap的各个核心知识点,包括自定义插件、$.extend与$.fn.extend的区别、页面样式设置、表格、表单、图标、导航、模态框等,并提供了丰富的示例和调用方式,帮助开发者深入理解和应用BootStrap。
摘要由CSDN通过智能技术生成


自定义插件
所谓的插件其实就是jQuery中的一中方法的理解方式,我们可以按照java中对于方法的定义来进行理解。
所以自定义插件就是我们在jQuery中来自定义方法。
需要注意的是$==jQuery
$(function(){})==jQuery(function(){})

$(this)得到的是jQuery对象,它能得到jQuery属性
this得到的是html对象,它能得到节点(元素)的属性

$.extend()
当括号里面用作对象时:
$.extend(p1,p2)
两个参数时,后对象的属性给前对象
三个参数时,后面对象的属性全部给第一个对象

当括号里面用作方法时
一般用来新增jQuery的方法
. e x t e n d ( f n a m e : f u n c t i o n ( ) 方 法 体 ) 代 表 自 定 义 方 法 , 定 义 好 的 方 法 可 以 通 过 .extend({ fname:function(){ 方法体 } }) 代表自定义方法,定义好的方法可以通过 .extend(fname:function()).fname()方式来进行调用
需要同时定义多个方法的时候,方法跟方法之间用逗号隔开

$.fn.extend()
为jQuery的属性来提供方法,一般用来制作插件

$.fn.extend({
	check:function(){
		this.each(function(){
			$(":checkbox").checked=true;
		})
	}
})

. E X T E N D ( ) 和 .EXTEND()和 .EXTEND().fn.extend()作用于方法的时候两者的区别:
可以用java中类和方法概念来理解

Bootstrap是一个流行的前端开发框架,它提供了一系列的CSS和JavaScript组件,可以帮助开发人员快速构建响应式、移动优先的网站和应用程序。其中主要的知识点包括: 1. Bootstrap的简介:了解Bootstrap的背景和基本概念,以及它在前端开发中的应用场景。 2. 栅格系统:Bootstrap的栅格系统是其最基础的部分,用于创建响应式的布局。栅格系统由行和列组成,通过指定不同的列宽度和偏移量,可以实现不同屏幕大小下的布局效果。 3. CSS布局组件:Bootstrap提供了一系列的CSS样式和组件,用于快速构建常见的布局元素,如导航栏、表格、表单等。这些组件具有响应式设计,并且可以自定义样式以满足项目需求。 4. CSS组件:除了布局组件外,Bootstrap还提供了其他常用的CSS组件,如按钮、标签、图片、卡片等。这些组件可以简化开发过程,提高界面的一致性和美观性。 5. JavaScript插件:Bootstrap还包含一些常用的JavaScript插件,如模态框、轮播图、下拉菜单等,可以通过简单的配置和调用实现交互效果和功能增强。 以上是Bootstrap的主要知识点,通过学习这些内容,可以掌握Bootstrap的基础知识,并且能够利用Bootstrap快速构建现代化的网站和应用程序。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Bootstrap知识点](https://blog.csdn.net/qq_37957971/article/details/82917275)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *3* [bootstrap笔记(每一个知识点都有单独的示例)非常全](https://download.csdn.net/download/lonerma/10675969)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值