慕课网

jQuery基础(二)—DOM篇

最热最新

museyuan

wrap是针对单个的dom元素处理，处理完： <div><p></p></div><div><p></p></div> wrapAll是给这个集合用一个父元素包裹起来，处理完： <div><p></p><p></p></div>

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
慕仙6587170

.add()的参数可以几乎接受任何的$()，包括一个jQuery选择器表达式，DOM元素，或HTML片段引用。简单的看一个案例：操作：选择所有的li元素，之后把p元素也加入到li的合集中 <ul> <li>list item 1</li> <li>list item 3</li> </ul> <p>新的p元素</p> 处理一：传递选择器 $('li').add('p') 处理二：传递dom元素 $('li').add(document.getElementsByTagName('p')[0]) 还有一种方式，就是动态创建P标签加入到合集，然后插入到指定的位置，但是这样就改变元素的本身的排列了 $('li').add('<p>新的p元素</p>').appendTo(目标位置) 具体的操作，请参考右

查看全部

0 采集收起来源：jQuery遍历之add()方法
2018-03-22
慕仙6587170

.children() 找儿子 .find() 找后代 .parent() 找爸爸 .parents() 找长辈(直接遍历到根元素,可能返回零个或一个或多个元素) .closest() 找长辈(从当前节点向上遍历,找到停止,返回零个或一个元素) .next() 找小弟 .prev() 找大哥 .siblings() 找兄弟

查看全部

1 采集收起来源：jQuery遍历之siblings()
2017-05-14
慕仙6587170

.closest(),首先从本身开始向上匹配，若匹配到符合要求的第一个，即停止匹配。 .parents（），从元素父级一直向上匹配，找出所有匹配的符合要求元素。

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-05-14
慕仙6587170

parents()无参数选择所有祖先元素 parents（“选择器”）从所有祖先元素中选取指定元素

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2017-05-13
慕仙6587170

$("ul.level-3").parent().css('border', '1px solid red') 把clss=level-3的ul的父元素添加css样式

查看全部

0 采集收起来源：jQuery遍历之parent()方法
2018-03-22
慕仙6587170

理解节点查找关系： <div class="div"> <ul class="son"> <li class="grandson">1</li> </ul> </div> 代码如果是$("div").find("li")，此时，li与div是祖辈关系，通过find方法就可以快速的查找到了。 .find()方法要注意的知识点： find是遍历当前元素集合中每个元素的后代。只要符合，不管是儿子辈，孙子辈都可以。与其他的树遍历方法不同，选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回，可以传递通配选择器 '*'。 find只在后代中遍历，不包括自己。选择器 context 是由 .find() 方法实现的；因此，$('.item-ii').find('li') 等价于 $('li', '.item-ii')(找到类名为item-ii的标签下的li标签)。注意重点： .find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点

查看全部

0 采集收起来源：jQuery遍历之find()方法
2018-03-22
慕仙6587170

children()只找儿子

查看全部

0 采集收起来源：jQuery遍历之children()方法
2017-05-13
慕仙6587170

<div>p元素</div> <div>p元素</div> 给所有元素增加一个p包裹 $('div').wrapInner('<p></p>') 最后的结构，匹配的di元素的内部元素被p给包裹了 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div> 、、、、、、、 <div>p元素</div> <div>p元素</div> .wrapInner( function ) ：允许我们用一个callback函数做参数，每次遇到匹配元素时，该函数被执行，返回一个DOM元素，jQuery对象，或者HTML片段，用来包住匹配元素的内容以上面案例为例， $('div').wrapInner(function() { return '<p></p>'; }) 以上的写法的结果如下，等同于第一种处理了 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div>

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2018-03-22
慕仙6587170

.wrapAll 所有人加个爸爸 .wrapAll（function）每个人加个爸爸之前： .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制（true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记） .wrap 每个人加个爸爸 .unwrap 爸爸没了时间: 2017-01-02

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2017-05-13
慕仙6587170

$('p').wrapAll(function() { return '<div><div/>'; }) 以上的写法的结果如下，等同于warp的处理了 <div> <p>p元素</p> </div> <div> <p>p元素</p> </div> ///////////////// <p>p元素</p> <p>p元素</p> 给所有p元素增加一个div包裹 $('p').wrapAll('<div></div>') 最后的结构，2个P元素都增加了一个父div的结构 <div> <p>p元素</p> <p>p元素</p> </div>

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
慕仙6587170

.wrap 每个人加个爸爸之前的： .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制（true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记）

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-05-13
慕仙6587170

.replaceAll()和.replaceWith()功能类似，主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法，和大部分其他jQuery方法一样，返回jQuery对象，所以可以和其他方法链接使用 .replaceWith()方法返回的jQuery对象引用的是替换前的节点，而不是通过replaceWith/replaceAll方法替换后的节点

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-05-13
慕仙6587170

//clone处理一 $("div").clone() //只克隆了结构，事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆 clone()方法时，在将它插入到文档之前，我们可以修改克隆后的元素或者元素内容，如右边代码我 $(this).clone().css('color','red') 增加了一个颜色通过传递true，将所有绑定在原始元素上的事件处理函数复制到克隆元素上 clone()方法是jQuery扩展的，只能处理通过jQuery绑定的事件与数据元素数据（data）内对象和数组不会被复制，将继续被克隆元素和原始元素共享。深复制的所有数据，需要手动复制每一个

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
慕仙6587170

empty() 清空指定节点的所有后代元素及文本

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2017-05-13

首页上一页 163 164 165 166 167 168 169 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的语法 2、jQuery节点操作