慕课网

jQuery基础(二)—DOM篇

最热最新

慕瓜2841648

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

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-02-13
北极的大熊

通过回调的方式可以单独处理每一个元素$('p').wrapAll(function() { return '<div><div/>'; })而$('p').wrapAll('<div></div>')只能给集合的P套一个div

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
北极的大熊

$('p').unwarp();不接受任何参数

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2017-02-13
北极的大熊

儿子.wrap(爹)就是给一个标签添加个爹 this指向调用者

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-02-13
yyyyy_

DOM内部插入append()与appendTo() <script type="text/javascript"> $("#bt1").on('click', function() { //.append(), 内容在方法的后面， //参数是将要插入的内容。 $(".content").append('<div class="append">通过append方法添加的元素</div>') }) </script> <script type="text/javascript"> $("#bt2").on('click', function() { //.appendTo()刚好相反，内容在方法前面， //无论是一个选择器表达式或创建作为标记上的标记 //它都将被插入到目标容器的末尾。 $('<div class="appendTo">通过appendTo方法添加的元素</div>').appendTo($(".content")) }) </script>

查看全部

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

jQuery节点创建与属性的处理 <script type="text/javascript"> var $body = $('body'); $body.on('click', function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) })

查看全部

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

$('li.item-1').closest($('.item-b'))与$('li.item-1').closest('.item-b')这两者写法有什么不同呢？前一个是jquery对象，后一个是选择器。

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-02-12
CX猿

参考：只是学习方式不同，随意指责别人浮躁的人，自己是什么样，三言两语不和就说人浮躁。学的快的人可能会来两遍，三遍，四遍。学的慢的人细心，扎实。各有优点缺点，方式不同罢了。我认识一位学霸，背单词从头读到尾，从尾读到头，如此反复几次大概就记住了，难道叫你说也是浮躁么？

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-02-12
Airplane

这里的DOM包裹后的元素，如果一直点击会一直增加！@ 请问这个问题如何解决？很简单，把on()改成one()，只执行一次就解绑。 script type="text/javascript"> $(".aaron1").on('click', function() { //给所有p元素，增加内部包裹父容器div if($('p').html() == "p元素"){ $('p').wrapInner('<div></div>'); }else{ return; } }) </script> 以上代码供参考，可以加一个判断，如果p标签内部是“p元素”，那么久直接返回，不做操作。已经经过证实。

查看全部

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

.replaceWith()方法返回的jQuery对象引用的是替换前的节点，而不是通过replaceWith/replaceAll方法替换后的节点。是什么意思？ x=5,y=4 , x.replaceWith(y) 显示的是4，但是他的变量依旧是x，y只是把值给了x，并没有插入新的元素。这叫分离DOM元素，1.4的JQ中before（）和after（）都可以分离DOM元素。希望能看懂。。。虽然写的不是很科学不过就是这么个意思。 replaceWith()返回的jQuery对象引用的是被删除的节点 ,replaceAll()返回的jQuery对象引用的是替换的节点测试返回值： var result=$(".right > div:first p:eq(1)").replaceWith('<a>replaceWith替换第二段的内容</a>') alert(result.get(0).tagName)//返回值p var result=$('<a>replaceAll替换第六段的内容</a>').replaceAll('.right > div:last p:last'); alert(result.get(0).tagName)//返回值A

查看全部

1 采集收起来源：DOM替换replaceWith()和replaceAll()
2018-03-22
Airplane

console.log(1)是i什么意思？控制台指令，是做网页测试的时候控制台的代码，并不影响页面，暂时可以不用理会，但是想要测试自己的网页bug时，建议学学这里为什么一定要用this？ $(".left").append($(this).clone().css("color","red")) 我用 $(".left").append($(".aaron1").clone().css("color","red"))为什么不可以 this在这里不仅仅是指代aaron1它还有一层意思是指代，onclick这个行为下的aaron1，如果你只用aaron1，那么得到的结果会是错的，因为从第二次点击开始，class=aaron1的元素变成了两个，那么这时候就复制两个并添加到div里面，第三次点击就变成了8个，以此类推。但是你要达到的效果是每次点击就克隆一个，所以需要用this表明我要复制的是这个我附加了点击事件的class=aaron1的元素，而不是所有的class=aaron1的元素关于深复制和浅复制问题：元素数据内对象和数组不会被复制基于元素数据内对象和数组不会背复制的问题：原对象：obj 浅复制对象： obj1 深复制对象：obj2 因为js对象都是存地址的，浅复制想到于复制了原对象的引用，也就是 obj1 = obj,即obj和obj1指向同一地址空间，改变一个势必改变另外一个。深复制，就是重新创作一个新地址空间，然后吧obj的所有内容一项一项的复制到新地址空间，obj != obj2,修改其中任何一个，不影响另外一个。

查看全部

1 采集收起来源：DOM拷贝clone()
2018-03-22
io001

p = $("p").detach(); $("body").append(p);

查看全部

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

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-02-11
FlowerQl

$("button:first").on('click', function() { //删除整个 class=test1的div节点 $(".test1").remove() }) $("button:last").on('click', function() { //找到所有p元素中，包含了3的元素 //这个也是一个过滤器的处理 $("p").remove(":contains('3')") })

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2018-03-22
FlowerQl

<div class="hello"><p>慕课网</p></div> //通过empty处理 $('.hello').empty() //结果：<p>慕课网</p>被移除 <div class="hello"></div> 说明：通过empty移除了当前div元素下的所有p元素但是本身id=test的div元素没有被删除

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2018-03-22

首页上一页 216 217 218 219 220 221 222 下一页尾页

0/150

提交

取消

开始学习

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

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