2017年8月9日
摘要: jQuery遍历之parent()方法 jQuery是一个合集对象,如果想快速查找合集里面的每一个元素的父元素(这里可以理解为就是父亲-儿子的关系),此时可以用parent()方法 因为是父元素,这个方法只会向上查找一级 理解节点查找关系: <div class="div"> <ul class=" 阅读全文
posted @ 2017-08-09 17:42 廖利君 阅读(1525) 评论(0) 推荐(0) 编辑
摘要: jQuery遍历之find()方法 jQuery是一个合集对象,如果想快速查找DOM树中的这些元素的后代元素,此时可以用find()方法,这也是开发使用频率很高的方法。这里要注意 children与find方法的区别,children是父子关系查找,find是后代关系(包含父子关系) 理解节点查找关 阅读全文
posted @ 2017-08-09 17:33 廖利君 阅读(5381) 评论(0) 推荐(0) 编辑
摘要: jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法。这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 理解节点查找关系: <div class="div 阅读全文
posted @ 2017-08-09 17:21 廖利君 阅读(1816) 评论(0) 推荐(0) 编辑
摘要: DOM包裹wrap()方法 如果要将元素用其他元素包裹起来,也就是给它增加一个父元素,针对这样的处理,JQuery提供了一个wrap方法 .wrap( wrappingElement ):在集合中匹配的每个元素周围包裹一个HTML结构 简单的看一段代码: <p>p元素</p> 给p元素增加一个div 阅读全文
posted @ 2017-08-09 16:52 廖利君 阅读(723) 评论(0) 推荐(0) 编辑
摘要: DOM替换replaceWith()和replaceAll() 之前学习了节点的内插入、外插入以及删除方法,这节会学习替换方法replaceWith .replaceWith( newContent ):用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合 简单来说:用$()选择节点A,调用 阅读全文
posted @ 2017-08-09 14:39 廖利君 阅读(200) 评论(0) 推荐(0) 编辑
摘要: DOM拷贝clone() 克隆节点是DOM的常见操作,jQuery提供一个clone方法,专门用于处理dom的克隆 .clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。 clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处 阅读全文
posted @ 2017-08-09 14:31 廖利君 阅读(1250) 评论(0) 推荐(0) 编辑
摘要: DOM节点删除之保留数据的删除操作detach() 如果我们希望临时删除页面上的节点,但是又不希望节点上的数据与事件丢失,并且能在下一个时间段让这个删除的节点显示到页面,这时候就可以使用detach方法来处理 detach从字面上就很容易理解。让一个web元素托管。即从当前页面中移除该元素,但保留这 阅读全文
posted @ 2017-08-09 14:18 廖利君 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 要移除页面上节点是开发者常见的操作,jQuery提供了几种不同的方法用来处理这个问题,这里我们开仔细了解下empty方法 empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有子节点。 这个方法不仅移除子元素(和其他后代元素),同样移除元素里的文本。因为,根据说明, 阅读全文
posted @ 2017-08-09 14:05 廖利君 阅读(531) 评论(0) 推荐(0) 编辑
摘要: DOM外部插入insertAfter()与insertBefore() 与内部插入处理一样,jQuery由于内容目标的位置不同,然增加了2个新的方法insertAfter与insertBefore .before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置 阅读全文
posted @ 2017-08-09 13:49 廖利君 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 在元素内部进行操作的方法,除了在被选元素的结尾(仍然在内部)通过append与appendTo插入指定内容外,相应的还可以在被选元素之前插入,jQuery提供的方法是prepend与prependTo 选择器的描述: 通过右边代码可以看到prepend与prependTo的使用及区别: .prepe 阅读全文
posted @ 2017-08-09 13:44 廖利君 阅读(1081) 评论(0) 推荐(0) 编辑
摘要: DOM外部插入after()与before() 节点与节点之前有各种关系,除了父子,祖辈关系,还可以是兄弟关系。之前我们在处理节点插入的时候,接触到了内部插入的几个方法,这节我们开始讲外部插入的处理,也就是兄弟之间的关系处理,这里jQuery引入了2个方法,可以用来在匹配I的元素前后插入内容 选择器 阅读全文
posted @ 2017-08-09 13:35 廖利君 阅读(638) 评论(0) 推荐(0) 编辑