慕课网

jQuery基础(二)—DOM篇

最热最新

锦色流年

<div class="father"> 你可在这里面插入你想插入的，插入的东西在div的内部。这是父子关系，所以叫内部插入 </div> <div class="test"> <p class="brother"></p> 当你插入的时候，你把它插入到p的后面或者前面，这就是兄弟关系，不是插在p里面，所以这就是外部插入 </div> 一句话，内部插入，父子（后代）关系，外部插入就是兄弟（平级）关系。兄弟关系。DOM外部插入after()与before() 父子关系append(),appendTo() $("#bt2").on('click', function() { //在匹配test1元素集合中的每个元素后面插入p元 var obj = document.getElementById('bt2'); /* 1 var $obj = $(obj); $(".test2").after($obj) $obj 这个是通过jQuery的$()方法转化而来的jQuery对象 */ /* 2 $(".test2").after(obj) obj 是通过document.getElementById(');方法获得的Dom元素 */ /* 3 $(".test2").after('<p >after,在匹配元素之后增加</p>', '<p >多参数</p>') 这个属于HTML字符串 '<p >after,在匹配元素之后增加</p>', '<p >多参数</p>' */

查看全部

0 采集收起来源：DOM外部插入after()与before()
2018-03-22
锦色流年

a.appendto(b), 如果参数b很长，换成b.append（a）表面上看，这两种方法的效果是一样的，唯一的不同似乎只是操作视角的不同。但是实际上，它们有一个重大差别，那就是返回的元素不一样。第一种方法返回a元素，第二种方法返回b元素。你可以根据需要，选择到底使用哪一种方法。 $("#bt1").on('click', function() { }) 和 $("#bt1").click(function(event) {}) 有区别吗功能是一样的，on是用于绑定一个方法

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2018-03-22
锦色流年

append()前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是被插入的对象 append：这个操作与对指定的元素执行原生的appendChild方法，将它们添加到文档中的情况类似。 appendTo：实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-09-05
锦色流年

lxpzn $body.on('click','button',function() {中.on在这里是什么意思的 on表示将事件绑定在body上，第一个参数click表示点击事件绑定到body对象，第二个表示冒泡到button则触发，第三个是触发的函数为啥必须先点击按钮创建新div，才可以点击其他地方创建div？为啥刚开始不可以直接点击body 创建div？点按钮是因为事件冒泡传到body 也就是点了body 上面的解释都有点问题，你问到的大神给你的回复是正确的，至于为什么会出现你最后的这个疑惑，这个问题就牵扯到了对<body>和<html>这两个标签的理解。为什么你给body设置颜色以后，浏览器的背景全都会变成红色？因为此时html标签没有被激活，此时的body成了根节点的节点，它的背景颜色被浏览器捕获，所以你看到的页面全为红色是浏览器的背景色。，再说一下，是浏览器的背景色。当你给html标签设置背景色为绿色后，会发现，浏览器的背景颜色变成了绿色，而红色只覆盖到button标签下面，因为此时浏览器捕获到的根节点的节点是html，所以它的背景色就成了浏览器的背景色。这就很容易理解为什么点击button下面的部分的时候没有反应，而点击上面的部分div就会出现。

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
锦色流年

这节div left 和right 都设施了float:left为什么结果还是正常流仔细看看css部分，.right和.left都只是设置了width和height，浮动的是.right和.left内部的div。所以.right被添加到正常的文档流中 •创建元素：document.createElement •设置属性：setAttribute •添加文本：innerHTML •加入文档：appendChild var body = document.querySelector('body');这句什么意思在js中一种读取元素的方法，等同于document.getElementsByTagName('body')[0];

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-09-05
faith灬inLove

.find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-09-04
faith灬inLove

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

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-09-03
faith灬inLove

remove 斩草除根，empty 去除子元素

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2017-09-03
faith灬inLove

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-09-03
L是破小孩

remove删除的p1再次加入到页面中后绑定的事件消失而detach删除的p2再次加入到页面中后绑定事件还在

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2017-09-02
L是破小孩

if (!$("p").length) return;判断p标签是否已经被删除完若长度为零则直接返回;

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2018-03-22
qq_浅夏忆_0

1，如果想快速查找指定元素集合中每一个元素的同辈元素，此时可以用siblings()方法

查看全部

0 采集收起来源：jQuery遍历之siblings()
2017-09-02
qq_浅夏忆_0

1.如果想快速查找指定元素集合中每一个元素紧邻的前面同辈元素的元素集合，此时可以用prev()方法

查看全部

0 采集收起来源：jQuery遍历之prev()方法
2017-09-02
qq_浅夏忆_0

1.closest()方法接受一个匹配元素的选择器字符串从元素本身开始，在DOM 树上逐级向上级元素匹配，并返回最先匹配的祖先元素 2..closest开始于当前元素 .parents开始于父元素遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，直到找到一个匹配的就停止查找，parents一直查找到根元素，并将匹配的元素加入集合结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-09-02
qq_浅夏忆_0

1 .parents()和.parent()方法是相似的，但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合。 3.，如果想快速查找合集里面的每一个元素的所有祖辈元素，此时可以用parents()方法 4.parent只会查找一级，parents则会往上一直查到查找到祖先节点

查看全部

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

首页上一页 115 116 117 118 119 120 121 下一页尾页

0/150

提交

取消

开始学习

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

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