2018年7月28日
摘要: 过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,过滤规则集与CSS中的伪类选择器语法相同,都是以一个冒号开头。按照不同的过滤规则,过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤,接下来主要看一下基本过滤选择器。 基本过滤选择器主要有以下几种: : 阅读全文
posted @ 2018-07-28 21:10 紅葉 阅读(1829) 评论(0) 推荐(0) 编辑
摘要: 如果想要通过DOM元素之间的层次关系来获取特点的元素,如后代元素、子元素、相邻元素和同辈元素等,那个层次选择器是一个非常好的选择。 在介绍层次选择器之前,我们先在html中写下如下代码,后面所有的操作均在此基础之上。 1、派生选择器 用于选择父级下所有的派生子级 $(function(){ $("d 阅读全文
posted @ 2018-07-28 16:31 紅葉 阅读(1925) 评论(0) 推荐(0) 编辑
摘要: 基本选择器是jQuery中最常见的选择器,也是最简单的选择器,它是通过元素id,calss和标签名等来查找DOM元素,常见基本选择器分别有: #id:根据给定的id匹配一个元素(单个元素) .class:根据给定的类名匹配元素(元素集合) element:根据给定的元素名匹配元素(元素集合) *:匹 阅读全文
posted @ 2018-07-28 15:40 紅葉 阅读(204) 评论(0) 推荐(0) 编辑
  2018年7月23日
摘要: 2D绘制上下文支持各种基本的绘制变换: rotate(angle):围绕原点旋转图像angle弧度。(举例:如需旋转 5 度,可规定下面的公式:5*Math.PI/180。) scale(scaleX,scaleY):缩放图像,在x方向乘以scaleX,在y方向乘以scaleY,scaleX和sca 阅读全文
posted @ 2018-07-23 21:11 紅葉 阅读(453) 评论(0) 推荐(0) 编辑
  2018年7月18日
摘要: 使用HTML5中<canvas>元素可以在页面中设定一个区域,然后通过JavaScript动态地在这个区域中绘制图形,要在这块画布(canvas)上绘图,需要取得绘图上下文,而取得绘图上下对象的引用,需要调用getContext()方法并传入上下文的名字。传入“2d”,就可以取得2D上下文对象。因此 阅读全文
posted @ 2018-07-18 22:00 紅葉 阅读(244) 评论(0) 推荐(0) 编辑
  2018年7月4日
摘要: HTML事件处理程序 这种是通过指定onclick特性并将一些JavaScript代码作为它的值来定义的。由于这个值是JavaScript,因此不能在其中使用未经转义的HTML语法字符,例如和号(&)、双引号("")、小于号(<)或大于号(>),为了避免使用HTML实体,这里使用单引号,如果想要使用 阅读全文
posted @ 2018-07-04 21:24 紅葉 阅读(188) 评论(0) 推荐(0) 编辑
  2018年7月3日
摘要: 事件委托是指利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件,例如公司所有同事都委托前台领取快递,这样就只需要一个人收快递并负责转交给同事,而不用所有人都带公司门口去收快递。 在下面的例子中,包含了4个被单击后会执行操作的input框,按照传统做法,需要逐一添加事件处理程序 如果在 阅读全文
posted @ 2018-07-03 20:31 紅葉 阅读(202) 评论(0) 推荐(0) 编辑
  2018年7月2日
摘要: 事件流描述的是从页面中接收事件的顺序,IE的事件流是事件冒泡流,而NetScape Communicator的事件流是事件捕获流。 事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点。如果单击了页面中的div元素,那这个click事件会按照div- 阅读全文
posted @ 2018-07-02 20:46 紅葉 阅读(182) 评论(0) 推荐(0) 编辑
  2018年6月28日
摘要: 虽然DOM为操作节点提供了细致入微的控制手段,但是在需要文档插入大量新HTML标记的情况下,通过DOM操作仍然非常麻烦,因为不仅要创建一系列DOM节点,而且还要按照正确的顺序进行连接。相对而言,使用插入标记的技术,直接插入HTML字符串不仅更简单,速度也更快。 innerHTML() 在读模式下,i 阅读全文
posted @ 2018-06-28 20:36 紅葉 阅读(411) 评论(0) 推荐(0) 编辑
  2018年6月27日
摘要: 对于元素间的空格,IE9及之前版本不会返回文本节点,而其他所有浏览器都会返回文本节点。这样就导致了在使用childNodes和firstChild等属性时的行为不一致。为了弥补这一差异,而同时又保持DOM规范不变,Element Traversal规范新定义了一组属性。 childElementCo 阅读全文
posted @ 2018-06-27 20:16 紅葉 阅读(573) 评论(0) 推荐(0) 编辑