2019年10月6日
Zepto.js
摘要： 1.Zepto.js介绍 Zepto.js最初目标在移动端提供一个精简的类似jquery的js库。压缩后的大小只有9K,而jquery有将近100k Zepto.js的API类似jQuery，熟悉jQuery可以无缝迁移到Zepto.js Zepto.js增加了针对移动端的触摸和手势相关的事件 Ze 阅读全文
posted @ 2019-10-06 21:56 ---空白--- 阅读(638) 评论(0) 推荐(0) 编辑
jQuery 动画
摘要： 1.显示/隐藏/切换 本质：操作内联样式，隐藏时display设置为none，显示时自动还原原来的display属性值 动画原理：执行动画时，宽高以渐变的形式变大或者缩小 相关方法 方法名 说明 show(duration,cb) 显示元素，支持动画效果（可选），还支持回调（可选） hide(dur 阅读全文
posted @ 2019-10-06 11:27 ---空白--- 阅读(523) 评论(0) 推荐(0) 编辑
jQuery 事件
摘要： 1.事件监听 事件名(cb)：只用于原生事件 $('#box').click(function(){ console.log('click - 1') }) on(eventName,cb)：除了给当前元素做监听，还能做事件委托 $('#box').on('click',function(){ co 阅读全文
posted @ 2019-10-06 00:13 ---空白--- 阅读(438) 评论(0) 推荐(0) 编辑
2019年10月5日
JavaScript 事件类型
摘要： 1.点击事件 事件名称 说明 click 点击事件，鼠标左键按下弹起完成后触发 mousedown 鼠标左键按下瞬间触发 mouseup 鼠标左键弹起瞬间触发 dblclick 鼠标双击触发 <script> document.onclick= function(){ console.log("cl 阅读全文
posted @ 2019-10-05 22:51 ---空白--- 阅读(371) 评论(0) 推荐(0) 编辑
2019年10月4日
jQuery 元素信息
摘要： 先贴出元素模型信息 1.获取内容区大小 css()：返回值是带单位的（getComputedStyle(node).width） <script> $(function(){ console.log($("div").css("width")) //200px console.log($("div" 阅读全文
posted @ 2019-10-04 23:28 ---空白--- 阅读(999) 评论(0) 推荐(0) 编辑
jQuery 属性操作
摘要： 1.attr() 作用：attr()方法用来修改或者读取标签属性值，它其实是原生getAtrribute()和setAttribte()的结合体，语法上更加简洁，它支持同时操作多个属性，只要将多个属性包装成对象传入即可 <body> <div id="test">hello world</div> 阅读全文
posted @ 2019-10-04 22:08 ---空白--- 阅读(304) 评论(0) 推荐(0) 编辑
jQuery DOM操作
摘要： 1.添加子元素 append()/prepend()：给当前元素添加子元素，子元素可以是jq对象，也可以是Dom对象，还可以是html代码，功能类似原生js的appendChild() //添加子元素到当前元素的末尾 <script> $(function(){ var $box = $('.box 阅读全文
posted @ 2019-10-04 17:22 ---空白--- 阅读(507) 评论(0) 推荐(0) 编辑
jQuery 样式操作
摘要： 1.css() 该方法操作的是内联样式 <script> $(function(){ var $p = $("p") // 操作单个样式 $p.css("color","red") // 操作多个样式(对象语法) $p.css({ "font-size":"30px", "text-align":" 阅读全文
posted @ 2019-10-04 17:16 ---空白--- 阅读(281) 评论(0) 推荐(0) 编辑
jQuery 选择器
摘要： 1.基本选择器 jQuery可以通过标签名，id，类名来获取jquery对象，也可以将原生dom对象转换成jquery对象。 <script> $(function(){ //获取所有的元素 var $all = $("*") // 获取所有的p标签 var $p = $("p") // 获取cla 阅读全文
posted @ 2019-10-04 16:57 ---空白--- 阅读(228) 评论(0) 推荐(0) 编辑
CSS 伪类和伪元素
摘要： 1.状态伪类 定义：根据元素的状态定义不同的样式，常用于a链接（未访问/已访问/鼠标划过/已选中），表单元素（失去焦点/获取焦点/禁用） a:link {color:#FF0000;} /* 链接未访问时的颜色 */ a:visited {color:#00FF00;} /* 已访问过的链接的颜色 阅读全文
posted @ 2019-10-04 16:29 ---空白--- 阅读(420) 评论(0) 推荐(0) 编辑