09 2018 档案

摘要:栅格原理: 主要是因为Bootstrap页面是由列数(比如:一行12列)来决定。 col-lg-3: 一个格子使用3列来显示 如果一行正常可以显示4个格子,但只放了2个格子。这时还可以对某个格子使用列偏移 col-ld-offset-3(往右偏移了3列) 阅读全文
posted @ 2018-09-28 17:06 beallaliu 阅读(311) 评论(0) 推荐(0)
摘要:基本的模板: bootstrap官网 www.bootcss.com下 Bootstrap3中文文档->起步 点击: 用于生产环境的 Bootstrap 下载bootstrap 也可加入以下代码加速CDN服务 然后下载基本模板 阅读全文
posted @ 2018-09-28 16:17 beallaliu 阅读(465) 评论(0) 推荐(0)
摘要:官网: www.bootcss.com https://v3.bootcss.com/getting-started/ bootstrap 响应式的: 根据浏览器的放大缩小,内容也跟着放大缩小 需要添加:html的head中添加meta name="viewport" content="width= 阅读全文
posted @ 2018-09-28 15:26 beallaliu 阅读(217) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2018-09-28 11:37 beallaliu 阅读(79) 评论(0) 推荐(0)
摘要:抠插件的方法: 进入官网 www.jq22.com ,选择自己喜欢的插件,然后点击“查看演示”,进入“开发者工具” 或 F12 或 “查看检查” ,选择Source。 如果有很多其他网址的话,选择关闭其他多余的广告,即可查看相应demo的代码。创建相应的目录结构,然后点击所有的文件,拷贝源代码。源代 阅读全文
posted @ 2018-09-28 10:40 beallaliu 阅读(172) 评论(0) 推荐(0)
摘要:http://heweather.com 和风天气Api 先上去注册 再显示在页面上。 天气图标: 阅读全文
posted @ 2018-09-28 10:24 beallaliu 阅读(891) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2018-09-28 10:07 beallaliu 阅读(136) 评论(0) 推荐(0)
摘要:data->controller->view ajax数据类型type: 阅读全文
posted @ 2018-09-20 14:43 beallaliu 阅读(82) 评论(0) 推荐(0)
摘要:常规下,动态添加的元素,无法绑定事件。 所以委托给父级元素.on事件 父元素.on('事件',选择器,function(){ 事件动作 }) 阅读全文
posted @ 2018-09-20 12:10 beallaliu 阅读(109) 评论(0) 推荐(0)
摘要:1. 加载页面就获取焦点 $(function(){ //加载页面就获取焦点 $('input[type=text]').focus(); //2秒后失去焦点 setTimeout(function(){ $('input[type=text]').blur(); },2000) //获取焦点事件 阅读全文
posted @ 2018-09-20 11:01 beallaliu 阅读(555) 评论(0) 推荐(0)
摘要:select 文本选中的事件 阅读全文
posted @ 2018-09-20 10:48 beallaliu 阅读(351) 评论(0) 推荐(0)
摘要:mouseenter和mouseleave 的合成事件hover(两个function()) 阅读全文
posted @ 2018-09-19 19:38 beallaliu 阅读(394) 评论(0) 推荐(0)
摘要:click dbclick mouseDown / mouseUp mousemove() mouseover / mouseout 鼠标移入/移出 【被选元素或被选元素的子元素 】指针从父元素移到子元素 父元素到子元素: 移出,移入2个事件 父元素或子元素: 移入或移出 mouseenter() 阅读全文
posted @ 2018-09-19 19:28 beallaliu 阅读(197) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2018-09-19 12:01 beallaliu 阅读(101) 评论(0) 推荐(0)
摘要:1. input 事件 获取输入值 2. target 和currentTarget 阅读全文
posted @ 2018-09-18 18:32 beallaliu 阅读(511) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2018-09-18 18:08 beallaliu 阅读(364) 评论(0) 推荐(0)
摘要:1. 冒泡事件:比如: Body上有DIV,Div 上有button,点击button,会触发buttom事件,又会触发冒泡触发div事件。如果有body事件,还会冒泡body事件的动作。 如果点击按钮,只希望触发button的事件,则要进行阻止冒泡。event.stopPropagation(); 阅读全文
posted @ 2018-09-18 17:03 beallaliu 阅读(117) 评论(0) 推荐(0)
摘要:DOM事件流: 1. 事件捕获阶段; 2. 处于目标阶段 3. 事件冒泡阶段; 原生js事件流: 只会弹出一个button的事件。 捕获: 顺序:文档->html->body->按钮 冒泡: 顺序:按钮->body->html->文档 默认是false,使用冒泡。 如果多个层次都有事件,那么就会触发 阅读全文
posted @ 2018-09-17 21:39 beallaliu 阅读(295) 评论(0) 推荐(0)
摘要:位置 、 阅读全文
posted @ 2018-09-16 20:09 beallaliu 阅读(109) 评论(0) 推荐(0)
摘要:1. 单选按钮 2. select 阅读全文
posted @ 2018-09-16 16:14 beallaliu 阅读(118) 评论(0) 推荐(0)
摘要:一、 插入操作 1.父子之间 1. 1 父元素.appand(子元素) //插入到子集的最后一个元素 子元素.appandTo(父元素) //appandTo可以链接编程,简化代码 1.2 父元素.prepend(子元素) //插入到子集的第一个元素 子元素.prependTo(父元素) 2. 兄弟 阅读全文
posted @ 2018-09-15 22:43 beallaliu 阅读(109) 评论(0) 推荐(0)
摘要:$(function(){ var isShow=true; $('#btn').click(function(){ // 1. 通过控制类样式属性对盒子显示隐藏 if (isShow){ $('.box').css('display','none'); isShow=false; $(this). 阅读全文
posted @ 2018-09-14 18:09 beallaliu 阅读(84) 评论(0) 推荐(0)
摘要:prop() removeProp() $(function(){ //js对input单选按钮checked的默认设置 //console.log($('input[type=radio]').attr('checked')); //check var oInput=document.getEle 阅读全文
posted @ 2018-09-14 18:06 beallaliu 阅读(110) 评论(0) 推荐(0)
摘要:1. html属性操作: 是对文档中的属性进行操作 2. dom属性操作 3. 类样式操作 4. 值操作 1. 标签的属性操作 <body> <script type="text/javascript" src="jquery-3.3.1.js"></script> <script type="te 阅读全文
posted @ 2018-09-14 17:21 beallaliu 阅读(109) 评论(0) 推荐(0)
摘要:类型: 都可以带回调函数 1. 显示动画 .show() //两个参数,(动画的时间,fn) eg: $('.box').show(2000,function({ $(this).text('alex'); })) 2. 隐藏动画 hidden() 3. 开关式显示动画 toggle() 4. 滑入 阅读全文
posted @ 2018-09-14 11:49 beallaliu 阅读(95) 评论(0) 推荐(0)
摘要:知识点: silbing index addClass removeClass parent find eq 阅读全文
posted @ 2018-09-14 11:47 beallaliu 阅读(101) 评论(0) 推荐(0)