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