慕课网

jQuery基础(二)—DOM篇

最热最新

zhangJJ

内部插入append()与appendTo() 动态创建的元素是不够的，它只是临时存放在内存中，最终我们需要放到页面文档并呈现出来。那么问题来了，怎么放到文档上？这里就涉及到一个位置关系，常见的就是把这个新创建的元素，当作页面某一个元素的子元素放到其内部。针对这样的处理，jQuery就定义2个操作的方法 append：这个操作与对指定的元素执行原生的appendChild方法，将它们添加到文档中的情况类似。 appendTo：实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。简单的总结就是： .append()和.appendTo()两种方法功能相同，主要的不同是语法——内容和目标的位置不同 append()前面是要选择的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是要选择的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2016-07-11
木易涛童鞋

empty方法严格地讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法该节点与该节点所包含的所有后代节点将同时被删除提供传递一个筛选的表达式，用来指定删除选中合集中的元素

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2016-07-11
zhangJJ

可以有几种方式，后面会慢慢接触。常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来，通过$()函数处理，$("html结构") $("<div></div>") 创建为本节点：与创建元素节点类似，可以直接把文本内容一并描述 $("<div>我是文本节点</div>") 创建为属性节点：与创建元素节点同样的方式 $("<div id='test' class='aaron'>我是文本节点</div>") 我们通过jQuery把上一届的代码改造一下，如右边代码所示一条一句就搞定了，跟写HTML结构方式是一样的 $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") 这就是jQuery创建节点的方式，让我们保留HTML的结构书写方式，非常的简单、方便和灵活

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
CC也疯狂

粗看.parents()和.closest()是有点相似的，都是往上遍历祖辈元素，但是两者还是有区别的，否则就没有存在的意义了起始位置不同：.closest开始于当前元素 .parents开始于父元素遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，知道找到一个匹配就停止查找，parents一直查找到根元素，并将匹配的元素加入集合结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2016-07-11
木易涛童鞋

append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2016-07-11
木易涛童鞋

append()前面是要选择的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是要选择的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2016-07-11
CC也疯狂

java初学者3190698 append：这个操作与对指定的元素执行原生的appendChild方法，将它们添加到文档中的情况类似。 appendTo：实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2016-07-11
我是一只很大的水塔你怕不

clone()只克隆节点，事件丢失，简单说就是剪贴粘贴，然后不能执行了 clone(true)结构、事件与数据都克隆，简单说复制粘贴，可以继续执行粘贴

查看全部

0 采集收起来源：DOM拷贝clone()
2016-07-11
我是一只很大的水塔你怕不

detach：移除节点移除的处理与remove一致与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来例如：$("p").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2018-03-22
我是一只很大的水塔你怕不

empty方法 •严格地讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点 •empty不能删除自己本身这个节点 remove方法 •该节点与该节点所包含的所有后代节点将同时被删除 •提供传递一个筛选的表达式，用来指定删除选中合集中的元素

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2016-07-11
我是一只很大的水塔你怕不

1、remove与empty一样，都是移除元素的方法，但remove会将元素自身移除，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2016-07-11
hutu图

粗看.parents()和.closest()是有点相似的，都是往上遍历祖辈元素，但是两者还是有区别的，否则就没有存在的意义了 1.起始位置不同：.closest开始于当前元素 .parents开始于父元素 2.遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，知道找到一个匹配就停止查找，parents一直查找到根元素，并将匹配的元素加入集合 3.结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2016-07-11
hutu图

.find()方法要注意的知识点： •find是遍历当前元素集合中每个元素的后代。只要符合，不管是儿子辈，孙子辈都可以。 •与其他的树遍历方法不同，选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回，可以传递通配选择器 '*'。 •find只在后代中遍历，不包括自己。 •选择器 context 是由 .find() 方法实现的；因此，$('li.item-ii').find('li') 等价于 $('li', 'li.item-ii')。

查看全部

0 采集收起来源：jQuery遍历之find()方法
2016-07-11
慕粉1166515

$("div"(参照物)).closet("li'（目标）)

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2018-03-22
慕粉1166515

<script type="text/javascript"> $("button:last").click(function() { //找到所有p元素，然后筛选出子元素是span标签的节点 //改变其字体颜色 var $spans = $('span'); $("p").find($spans).css('color', 'red'); }) </script>

查看全部

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

首页上一页 368 369 370 371 372 373 374 下一页尾页

0/150

提交

取消

开始学习

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

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