摘要: .on()方法用来处理事件 .on()方法处理的最常用的一些事件如下表所示。为了方便开发人员,jquery同样会添加一些额外的事件,比如ready事件,在当前页面准备好之后触发。 用户界面 focus、blur、change 键盘 input、keydown、keyup、keypress 鼠标 cl 阅读全文
posted @ 2017-12-25 21:01 BluesQian 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 一:获取和更改内容 .html() 获取元素内部的HTML元素 .text() 获取元素的内容,返回元素的文字(包括单词之间的空格),不过列表项之间的空格则不会包含其中 .val() 获取<input>或者<textarea>元素的内容(适用于表单) .replaceWith() 该方法会把匹配结果 阅读全文
posted @ 2017-12-24 20:59 BluesQian 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 一:查找元素 * 所有元素 element 该名称的所有元素(p,input) #id 拥有指定id属性的元素 .class 拥有所有指定class属性的元素 selector1,selector2 能匹配多个选择器的元素 二:基本选择器 div p 一个元素是另一个元素的后代 div > p(pa 阅读全文
posted @ 2017-12-24 20:25 BluesQian 阅读(509) 评论(0) 推荐(0) 编辑
摘要: HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name 阅读全文
posted @ 2017-12-09 16:14 BluesQian 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 最终的实现效果: 需求分析: 购物车需要展示一个已加入购物车的商品列表,包含商品名称,商品单价,购买数量和操作等信息,还需要实时显示购买的总价。其中购买数量可以增加或减少,每类商品还可以从购物车中移除。 一:创建一个根元素来挂载Vue实例: 这里将vue.min.js写在<body>的底部,如果写在 阅读全文
posted @ 2017-12-02 10:57 BluesQian 阅读(1043) 评论(0) 推荐(1) 编辑
摘要: display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inli 阅读全文
posted @ 2017-12-01 17:21 BluesQian 阅读(132) 评论(0) 推荐(0) 编辑
摘要: css选择符分类 首先来看一下css选择符(css选择器)有哪些? 1.标签选择器(如:body,div,p,ul,li) 2.类选择器(如:class="head",class="head_logo") 3.ID选择器(如:id="name",id="name_txt") 4.全局选择器(如:*号 阅读全文
posted @ 2017-12-01 16:54 BluesQian 阅读(122) 评论(0) 推荐(0) 编辑
摘要: HTML CSS 效果: 阅读全文
posted @ 2017-11-29 22:40 BluesQian 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 使用组件 在Vue中,可以用 Vue.extend() 创建一个组件构造器: 要把这个构造器用作组件,需要用 Vue.component(tag, constructor) 注册 : 在注册之后,组件便可以用在父实例的模块中,以自定义元素 < my-component > 的形式使用。要确保在初始化 阅读全文
posted @ 2017-11-28 21:12 BluesQian 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 简介 通过 Vue.js 的过渡系统,你可以轻松的为 DOM 节点被插入/移除的过程添加过渡动画效果。Vue 将会在适当的时机添加/移除 CSS 类名来触发 CSS3 过渡/动画效果,你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。 以 v-transiti 阅读全文
posted @ 2017-11-28 21:01 BluesQian 阅读(230) 评论(0) 推荐(0) 编辑