作者: 王永杰

不谋全局者,不足谋一域

442 篇文章

用JS实现放大镜特效
课程地址:https://www.imooc.com/learn/32 效果分析 一张小图,一张大图 图片大小等比进行计算 结构分析 页面结构 技术点 事件捕获 定位 相关位置计算 。。。 要用到的知识点 事件相关 onmouseover :会在鼠标指针移动到指定的对象.上时发生。 onmouseout :会在鼠标指针移出指定的对象时发生。 onm…
第6章 jQuery遍历
1. jQuery遍历之children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法。这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 理解节点查找关系: <div class=&…
第5章 DOM节点的复制与替换
1. DOM拷贝clone() 克隆节点是DOM的常见操作,jQuery提供一个clone方法,专门用于处理dom的克隆 .clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。 clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传递一…
第4章 DOM节点的删除
1. DOM节点删除之empty()的基本用法 这个方法不仅移除子元素(和其他后代元素),同样移除元素里的文本,但是不会移除元素本身。 要移除页面上节点是开发者常见的操作,jQuery提供了几种不同的方法用来处理这个问题,这里我们开仔细了解下empty方法 empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有子节…
第3章 DOM节点的插入
1. DOM内部插入append()与appendTo() 动态创建的元素是不够的,它只是临时存放在内存中,最终我们需要放到页面文档并呈现出来。那么问题来了,怎么放到文档上? 这里就涉及到一个位置关系,常见的就是把这个新创建的元素,当作页面某一个元素的子元素放到其内部。针对这样的处理,jQuery就定义2个操作的方法 append:这个操作与对指定…
第2章 DOM节点的创建
1. DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了 本文向大家介绍一下如何使用JavaScript创建div节…
第1章 课程介绍
本章主要介绍jQuery中的节点操作以及新增的一些方法对我们开发中的帮助 1. jQuery基础(二)—DOM篇课程介绍 1.1 jQuery中 DOM 操作的方法 插入节点 删除节点 复制节点 查找节点 包裹节点 替换节点 1.2 其他封装的方法 还有很多其他封装的方法,既方便又快捷,将在以后的章节中进行讲解学习
DOM篇 课程简介
课程地址 jQuery在线手册 第1章 课程介绍 本章主要介绍jQuery中的节点操作以及新增的一些方法对我们开发中的帮助 1-1 jQuery基础(二)—DOM篇课程介绍 第2章 DOM节点的创建 DOM由节点构成,理解和掌握节点是很重要的,本章介绍如何创建DOM节点及节点属性。 2-1 DOM创建节点及节点属性 2-2 jQuery节点创建与属…
第7章 自定义事件
1. jQuery自定义事件之trigger事件 众所周知类似于mousedown、click、keydown等等这类型的事件都是浏览器提供的,通俗叫原生事件,这类型的事件是需要有交互行为才能被触发。 在jQuery通过on方法绑定一个原生事件 $('#elem').on('click', function() { …
第6章 事件对象的使用
1. jQuery事件对象的作用 事件中的Event对象容易被初学者忽略掉,可能大多时候初学者不知道怎么去用它,但有些时候它还是非常有用的 一个标准的"click"点击事件 $(elem).on("click",function(event){ event //事件对象 }) 在不同浏览器之间事件对象的获取,…