-
点击body相当于实现此页面：
<div class="right">
<div class="aaron">动态创建DIV元素节点</div></div>
查看全部 -
注意： 1.querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。
2.addEventListener() 方法用于向指定元素添加事件句柄。
查看全部 -
dom外部插入insertAfter()与insertBefore()
.before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。 对于before()选择表达式在函数前面，内容作为参数，而.insertBefore()刚好相反，内容在方法前面，它将被放在参数里元素的前面
.after()和.insertAfter() 实现同样的功能。主要的不同是语法——特别是（插入）内容和目标的位置。 对于after()选择表达式在函数的前面，参数是将要插入的内容。对于 .insertAfter(), 刚好相反，内容在方法前面，它将被放在参数里元素的后面
- 例子：
//在test1元素前后插入集合中每个匹配的元素
//不支持多参数
$('<p >测试insertBefore方法增加</p>', '<p >多参数</p>').insertBefore($(".test1"))
查看全部 -
元素添加事件 addEventListener();
创建元素 document.createElement('');
元素设置属性 setAttribute();
元素设置属性2 classname='';
在元素中添加元素 appendChild()
查看全部 -
记住：wrap()穿外套，wrapInner()穿内衣！
查看全部 -
append()是受，appendTo()是攻，都是内部下面插入。prepend()是受，prependTo()是攻，都是内部上面插入。
before()和after()是外部插入，一个从前面插，一个从后面插。查看全部 -
再简单总结一下：
append()是受，appendTo()是攻，都是内部下面插入。prepend()是受，prependTo()是攻，都是内部上面插入。
before()和after()是外部插入，一个从前面插，一个从后面插。查看全部 -
a和b是父子关系： a.append(b)：a里追加b b.appendTo(a)：把b追加到a里 a.prepend(b)：a里追加b,并将b置于第一个索引位置 b.prependTo(a)：把b追加到a里，并将b置于第一个索引位置查看全部
-
这里总结下内部操作四个方法的区别： append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中查看全部
-
每一个元素的所有祖辈元素，此时可以用parents()方法 其实也类似find与children的区别，parent只会查找一级，parents则会往上一直查到查找到祖先节点 parents()无参数 允许我们能够在DOM树中搜索到这些元素的祖先元素，从有序的向上匹配元素，并根据匹配的元素创建一个新的 jQuery 对象; 返回的元素秩序是从离他们最近的父级元素开始的 parents()方法选择性地接受同一型选择器表达式 1 .parents()和.parent()方法是相似的，但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合。查看全部
-
empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了 指定元素中的所有子节点。这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是该元素的子节点。请看下面的HTML： <div class="hello"><p>慕课网</p></div> 如果我们通过empty方法移除里面div的所有元素，它只是清空内部的html代码，但是标记仍然留在DOM中 通过empty移除了当前div元素下的所有p元素(子元素) 但是本身id=test的div元素没有被删除查看全部
-
那个说if (!$("p").length) return删掉了也不影响这个例子的运行的朋友 这句话是当你点击bt1的时候判断p有没有长度，也就是还有没有p元素，如果没有.length为0也就是false再加！就是true直接运行return 不运行下面的p = $("p").detach() 这样会避免当你连续点两次bt1时候重复给p赋值，这时再点bt2就加不回来p了查看全部
-
在触发DOM上的事件都会产生一个对象，即事件对象（也称event对象），这里用e接收事件对象。事件对象有很多属性和方法，此处的target属性是获取事件目标，即p元素DOM对象，然后获取其相应的属性查看全部
-
有.的是class,没有的是所有div节点， .children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈，这里可以理解为就是父亲-儿子的关系） 一类型选择器表达式就是相同的选择器。如果一段代码中含有多个li元素，所有的li就是同一类型选择器表达式。：last表示选择这同一类型中的最后一个查看全部
-
unwarp（）不接受任何参数 $('p').unwrap('<div></div>')是错的。 unwrap 爸爸没了 之前的： .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 （true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记） .wrap 每个人加个爸爸查看全部
举报