04 2019 档案
摘要:当给元素设置width:100%;height:100% 的时候没有反应 因为,元素的宽高是根据内容来自动适应的,当设置百分比值时,是根据这个元素的父元素来确定百分比的 如果父元素没有固定的值,那就需要设置值才能正常显示如: 此div在页面中没有任何效果,所以要把div的上级元素body设设置了 设
阅读全文
摘要://创建颜色数组 var colors=["red", "green", "hotpink", "pink", "cyan", "yellowgreen", "purple", "deepskyblue","#666"]; //创建是键盘按下事件 $(document).on("keydown",function(e){ //键盘代码,各个...
阅读全文
摘要:导航条 默认样式的导航条 导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠(并且可开可关),且在视口(viewport)宽度增加时逐渐变为水平展开模式。 两端对齐的导航条导航链接已经被弃用了。 导航条内所包含元素溢出 由于 Bootstrap 并不知道你在导航条内放置
阅读全文
摘要:标签页 注意 .nav-tabs 类依赖 .nav 基类。 胶囊式标签页 HTML 标记相同,但使用 .nav-pills 类: 胶囊是标签页也是可以垂直方向堆叠排列的。只需添加 .nav-stacked 类。
阅读全文
摘要:通过在文本输入框 <input> 前面、后面或是两边加上文字或按钮,可以实现对表单控件的扩展。为 .input-group 赋予 .input-group-addon 或 .input-group-btn 类,可以给 .form-control 的前面或后面添加额外的元素。 也可以在span中放入一
阅读全文
摘要:将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 position: relative; 的元素。然后加入组成菜单的 HTML 代码。
阅读全文
摘要:按钮 可作为按钮使用的标签或元素 为 <a>、<button> 或 <input> 元素添加按钮类(button class)即可使用 Bootstrap 提供的样式。 尺寸 需要让按钮具有不同尺寸吗?使用 .btn-lg、.btn-sm 或 .btn-xs 就可以获得不同尺寸的按钮。
阅读全文
摘要:单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group中可以获得最好的排列。 内联表
阅读全文
摘要:排版-标题 在标题中还可以包含small标签,可以用来标记副标题 副标题灰色,比主标题小 <h1>我是标题 <small>我是小标题</small></h1> 页面主体 Bootstrap 将全局 font-size 设置为 14px,line-height 设置为 1.428。这些属性直接赋予 <
阅读全文
摘要:简介 栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理: “行(row)”必须包含在 .container (固定宽度)或 .container-fluid (100% 宽度)中
阅读全文
摘要:bootstrap需要为页面和栅格系统包裹一个.container容器。我们提供了两个作为用处的类。注意由于pidding等属性的原因这两种容器不能相互嵌套。 .container类用于固定宽度并支持响应式布局容器 .container-fluid 类用于 100% 宽度,占据全部视口(viewpo
阅读全文
摘要:常用插件 插件:jquery不可能包含所有的功能,我们可以通过插件扩展jquery的功能。 jQuery有着丰富的插件,使用这些插件能给jQuery提供一些额外的功能。 jquery.color.js animate不支持颜色的渐变,但是使用了jquery.color.js后,就可以支持颜色的渐变了
阅读全文
摘要:链式编程 通常情况下,只有设置操作才能把链式变成延续下去。因为获取 操作的时候,会返回获取到的响应的值,无法反对jQuery对象。 //end(); 筛选选择器会改变jQuery对象的DOM对象,想要回复制到上一次的状态,并且返回匹配元素之前的状态。 each方法 Jquery的隐士迭代会对所有的D
阅读全文
摘要:val();获取或设置元素的值,主要用于input。 参数:string 字符串 设置元素的值; 不写参数:获取元素的值; 其实这个属性 我们也可以用attr操作,但是没有这个方便 添加类的时候也是一样的addClass() 添加类,我们也可以用attr()操作 这样做会写死 不要用 html和te
阅读全文
摘要:创建添加节点: 创建jquery对象:$("<a href="http://baidu.com" target="_blank">百度请点击我</a>"); append:添加节点到子元素的最后面 $("div").append($("p"));{找到div元素,在div元素的最后面添加一个p元素}
阅读全文
摘要:stop方法 第一个参数:是否清除动画队列 true | false 第二个参数:是否跳转到动画最终效果 true | false 使用stop()方法的技巧 当下拉菜单和手风琴产生动画队列的问题时(当前动画还没执行完,鼠标又移动到别的动画上,产生动画之前动画还没 执行完毕,又要等待执行其他动画)我
阅读全文
摘要:animate:自定义动画 $(selector).animate({params},[speed],[easing],[callback]); params:要执行动画的css属性,它是一个对象可以放多个css参数 必选 speed:执行动画的时间 可选 easing:执行动画的效果,默认为swi
阅读全文
摘要:1.三组基本的动画 显示:show 、隐藏hide、滑入:slideUp、滑出:slideDown、滑入滑出切换:slideTpggle、淡入:fadeIn、淡出:fadeOut、淡入淡出切换:fadeToggle 1.1show([speed],[callback]) 可选:speed-动画的持续
阅读全文
摘要:1.attr(name,value);修改单个属性! name :属性名称 value:属性的值 2.attr({ });修改多个属性! {}对象 3.arrt(name);获取属性 注意: 如果设置或获取blood值的属性时,要使用.prop()方法 比如获取 checked true false
阅读全文
摘要:1.CSS(name,value) 修改单个样式 2.CSS({}); 修改多个样式 3.Css(name); 获取样式 获取已设置的样式或默认的样式,如果是给多个“li”设置的样式,则返回第一个li元素的样式 隐士迭代:偷偷的for循环 设置的时候:会给JQ内部所有的对象都设置相同的值 获取的时候
阅读全文
摘要:Jquery中的方法基本 上都可以返回一个Jquery对象, 如: JQ有一种概念叫做链式编程,只要是返回JQ对象就可以一直点下去 Index(); Index()返回当前元素在所有兄弟元素里面的索引
阅读全文
摘要:筛选选择器(方法) 既然是方法 那就应该对象调用 obj.metch(); $(“.dd”).children("ul"),show(); //找到.dd下的带Ul的所有子元素 显示 .eq(index) //匹配index下标的元素 .first() //获取第一元素 .last() //获取最后
阅读全文
摘要:种类: :first 获取元素的第一个元素 :even 选择下表是基数的元素 :odd 选择下表是偶数的元素 :eq[index] 匹配一个给定索引值的元素; :last 获取下表最后一个元素 :gt[index] 大于一个给定索引元素 :passwod .................
阅读全文