50 前端学习7之 Bootstrap
目录 一、jQuery补充 1. 动画效果 2. 补充 2.1 each循环 2.2 data() 二、Bootstrap 1. 布局容器 2. 栅格系统 2.1 栅格参数 2.2 列偏移 3. 表格 4. 表单 5. 按钮 5.1 预定义样式 6. 快速浮动 一、jQuery补充 1. 动画效果 // 基本 show(毫秒数) // 显示 hide(毫秒数) // 隐藏 toggle(毫秒数) // 滑动 slideDown(毫秒数) slideUp(毫秒数) slideToggle(毫秒数) // 淡入淡出 fadeIn(毫秒数) fadeOut(毫秒数) fadeTo(毫秒数) fadeToggle(毫秒数) 2. 补充 2.1 each循环 jQuery.each(collection, callback(indexInArray, valueOfElement)): 描述:一个通用的迭代函数,它可以用来无缝迭代对象和数组。数组和类似数组的对象通过一个长度属性(如一个函数的参数对象)来迭代数字索引,从0到length - 1。其他对象通过其属性名进行迭代。 li =[10,20,30,40] $.each(li,function(i, v){ console.log(i, v);//index是索引,ele是每次循环的具体元素。 }) 输出: 010 120 230 340