慕课网

jQuery基础(二)—DOM篇

最热最新

又报错了T_T

a.before b = b.insertbefore a a.after b= b.insertafter a

查看全部

1 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2017-08-12
又报错了T_T

a.append b= <a>XXXb<a/> a.prepend b=<a>bXXX<a/> a.after b =b<a><a/> a.appendTo b=<b>XXXa<b/> a.prependTo b=<b>aXXX<b/> a.before b=<a><a/>b

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2018-03-22
又报错了T_T

a.append b= <a>b<a/> a.after b =b<a><a/> a.appendTo b=<b>a<b/> a.before b=<a><a/>b

查看全部

1 采集收起来源：DOM外部插入after()与before()
2018-03-22
慕粉1474865576

.replaceWith( newContent )：用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-08-11
古风傍叶

$("li").each(function(index, element) { index 索引 0,1 element是对应的li节点 li,li this 指向的是li })

查看全部

0 采集收起来源：jQuery遍历之each()
2018-03-22
古风傍叶

apeendTo如果原先存在会先消除然后移到插入的位置

查看全部

1 采集收起来源：jQuery遍历之add()方法
2017-08-11
慕粉1256115079

DOM外部插入.after()与.before() 1)before与after都是用来对相对选中元素外部增加相邻的兄弟节点 2)2个方法都是都可以接收HTML字符串，DOM 元素，元素数组，或者jQuery对象，用来插入到集合中每个匹配元素的前面或者后面 3)2个方法都支持多个参数传递after(div1,div2,....) 可以参考右边案例代码注意点： 1）after向元素的后边添加html代码，如果元素后面有元素了，那将后面的元素后移，然后将html代码插入 2）before向元素的前边添加html代码，如果元素前面有元素了，那将前面的元素前移，然后将html代码插入例如： <body> <h2>通过before与after添加元素</h2> <button id="bt1">点击通过jQuery的before添加元素</button> <button id="bt2">点击通过jQuery的after添加元素</button> <div class="aaron"> <p class="test1">测试before</p> </div> <div class="aaron"> <p class="test2">测试after</p> </div> <script type="text/javascript"> $("#bt1").on('click', function() { //在匹配test1元素集合中的每个元素前面插入p元素 $(".test1").before('<p >before,在匹配元素之前增加</p>', '<p >多参数</p>') }) </script>

查看全部

0 采集收起来源：DOM外部插入after()与before()
2018-03-22
古风傍叶

例子：同时选择两个id对象当用jQuery要选择demo1标签时，会用到下面代码：$('#demo1"); 当用jQuery选择demo1和demo2，不要告诉我用$('div')。这时就要用到标题中提到的方法，jQuery add方法：追加标签。代码如下 $('#demo1").add('#demo2");

查看全部

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

DOM内部插入append()与appendTo() append：这个操作与对指定的元素执行原生的appendChild方法，将它们添加到文档中的情况类似。 appendTo：实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。简单的总结就是： .append()和.appendTo()两种方法功能相同，主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是被插入的对象例如： <body> <h2>通过append与appendTo添加元素</h2> <button id="bt1">点击通过jQuery的append添加元素</button> <button id="bt2">点击通过jQuery的appendTo添加元素</button> <div class="content"></div> <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> </body>

查看全部

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

jQuery节点创建与属性的处理创建元素节点：$("<div></div>") 创建为本节点：$("<div>我是文本节点</div>") 创建为属性节点:$("<div id='test' class='aaron'>我是文本节点</div>")/$("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")

查看全部

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

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

查看全部

0 采集收起来源：jQuery遍历之children()方法
2017-08-11
古风傍叶

wrapAll("<div></div>")包裹一个父集 wrapAll(function(){return"<div></div>"})分别包裹一个父集

查看全部

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

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

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-08-11
慕运维7608116

创建元素节点：$("<div></div>") 创建为本节点：$("<div>我是文本节点</div>") 创建为属性节点：$("<div id='test' class='aaron'>我是文本节点</div>")

查看全部

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

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

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-08-10

首页上一页 121 122 123 124 125 126 127 下一页尾页

0/150

提交

取消

开始学习

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

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