摘要: 1jQuery表单事件之blur与focus事件 在input元素上绑定keydown事件会发现一个问题: 每次获取的内容都是之前输入的,当前输入的获取不到 keydown事件触发在文字还没敲进文本框,这时如果在keydown事件中输出文本框中的文本,得到的是触发键盘事件前的文本,而keyup事件触 阅读全文
posted @ 2016-12-10 22:34 影灵儿 阅读(2779) 评论(0) 推荐(0) 编辑
摘要: 1jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作,另一个方法是dbclick方法用于监听用户双击操作。这两个方法的用法是类似的,下面以click()事件为例 使用上非常简单: 方法一 阅读全文
posted @ 2016-12-10 22:30 影灵儿 阅读(1464) 评论(0) 推荐(0) 编辑
摘要: 1jQuery遍历之children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法。这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 理解 阅读全文
posted @ 2016-12-10 22:23 影灵儿 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 1DOM拷贝clone() 克隆节点是DOM的常见操作,jQuery提供一个clone方法,专门用于处理dom的克隆 .clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。 clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他 阅读全文
posted @ 2016-12-10 22:05 影灵儿 阅读(8486) 评论(0) 推荐(0) 编辑
摘要: 1DOM节点删除之empty()的基本用法 要移除页面上节点是开发者常见的操作,jQuery提供了几种不同的方法用来处理这个问题,这里我们开仔细了解下empty方法 empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有子节点。 这个方法不仅移除子元素(和其他后代元 阅读全文
posted @ 2016-12-10 21:41 影灵儿 阅读(21895) 评论(2) 推荐(1) 编辑
摘要: 1DOM内部插入append()与appendTo() 动态创建的元素是不够的,它只是临时存放在内存中,最终我们需要放到页面文档并呈现出来。那么问题来了,怎么放到文档上? 这里就涉及到一个位置关系,常见的就是把这个新创建的元素,当作页面某一个元素的子元素放到其内部。针对这样的处理,jQuery就定义 阅读全文
posted @ 2016-12-10 21:26 影灵儿 阅读(4232) 评论(0) 推荐(1) 编辑
摘要: 1DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了 本文向大家介 阅读全文
posted @ 2016-12-10 21:08 影灵儿 阅读(1872) 评论(0) 推荐(0) 编辑
摘要: 1jQuery的属性与样式之.attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。 操作特性的DOM方法主要有3个,getAttribute方法、setAttribu 阅读全文
posted @ 2016-12-09 14:59 影灵儿 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 1jQuery选择器之id选择器 页面的任何操作都需要节点的支撑,开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写。 jQuery几乎支持主流的css1~css3选 阅读全文
posted @ 2016-12-09 13:24 影灵儿 阅读(169) 评论(0) 推荐(0) 编辑
摘要: jQuery对象与DOM对象 对于才开始接触jQuery库的初学者,我们需要清楚认识一点: 可能一时半会分不清楚哪些是jQuery对象,哪些是DOM对象,下面重点介绍一下jQuery对象,以及两者相互间的转换。 通过一个简单的例子,简单区分下jQuery对象与DOM对象: 我们要获取页面上这个id为 阅读全文
posted @ 2016-12-09 11:17 影灵儿 阅读(184) 评论(0) 推荐(0) 编辑