慕课网

jQuery基础(二)—DOM篇

最热最新

石头会开花

var $body = $('body'); $body.on('click','button',function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) }) 其实在on括号里面的click后面加上"button"就可以指定触发事件的元素

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
空之境界丶

empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了指定元素中的所有子节点。这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是该元素的子节点。请看下面的HTML： <div class="hello"><p>慕课网</p></div> 如果我们通过empty方法移除里面div的所有元素，它只是清空内部的html代码，但是标记仍然留在DOM中 //通过empty处理 $('.hello').empty() //结果：<p>慕课网</p>被移除 <div class="hello"></div>

查看全部

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

.before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。对于before()选择表达式在函数前面，内容作为参数，而.insertBefore()刚好相反，内容在方法前面，它将被放在参数里元素的前面 .after()和.insertAfter() 实现同样的功能。主要的不同是语法——特别是（插入）内容和目标的位置。对于after()选择表达式在函数的前面，参数是将要插入的内容。对于 .insertAfter(), 刚好相反，内容在方法前面，它将被放在参数里元素的后面 before、after与insertBefore。insertAfter的除了目标与位置的不同外，后面的不支持多参数处理注意事项： insertAfter将JQuery封装好的元素插入到指定元素的后面，如果元素后面有元素了，那将后面的元素后移，然后将JQuery对象插入； insertBefore将JQuery封装好的元素插入到指定元素的前面，如果元素前面有元素了，那将前面的元素前移，然后将JQuery对象插入；

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2016-10-31
空之境界丶

.prepend()和.prependTo()实现同样的功能，主要的不同是语法，插入的内容和目标的位置不同都是插入成为匹配元素子元素中，成为匹配元素的第一个子元素。 append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2016-10-31
空之境界丶

before与after都是用来对相对选中元素外部增加相邻的兄弟节点 2个方法都是都可以接收HTML字符串，DOM 元素，元素数组，或者jQuery对象，用来插入到集合中每个匹配元素的前面或者后面 2个方法都支持多个参数传递after(div1,div2,....) 可以参考右边案例代码注意点： after向元素的后边添加html代码，如果元素后面有元素了，那将后面的元素后移，然后将html代码插入 before向元素的前边添加html代码，如果元素前面有元素了，那将前面的元素前移，然后将html代码插

查看全部

0 采集收起来源：DOM外部插入after()与before()
2016-10-31
空之境界丶

DOM内部插入append(comment)与appendTo(comment); 1.append();如：$("div").append("<div class="div">只是用append()函数新增的div</div><br/>");括号内是插入的内容，只是纯文本(标签元素不会渲染在浏览器上，被解析)，函数前面是被插入的元素对象； 2.appendTo();括号内是是被插入的元素对象(父节点);函数前面是插入的内容，只是纯文本，（标签元素不会渲染在浏览器上，被解析)，如：$("<div class="div">只是用append()函数新增的div</div><br/>").appendTo($("div"));

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2018-03-22
空之境界丶

jQuery节点创建与属性的处理创建元素节点：可以有几种方式，。常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来，通过$()函数处理，$("html结构") 创建为本节点：与创建元素节点类似，可以直接把文本内容一并描述 $("<div>我是文本节点</div>") 创建为属性节点：与创建元素节点同样的方式 $("<div id='test' class='aaron'>我是文本节点</div>") $("<div></div>")

查看全部

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

this在这里不仅仅是指代aaron1它还有一层意思是指代，onclick这个行为下的aaron1，如果你只用aaron1，那么得到的结果会是错的，因为从第二次点击开始，class=aaron1的元素变成了两个，那么这时候就复制两个并添加到div里面，第三次点击就变成了8个，以此类推。但是你要达到的效果是每次点击就克隆一个，所以需要用this表明我要复制的是这个我附加了点击事件的class=aaron1的元素，而不是所有的class=aaron1的元素

查看全部

0 采集收起来源：DOM拷贝clone()
2016-10-31
铁板锅奎

after(content) 向指定元素的外部后面插入节点content。 before(content) 向指定元素的外部前面插入节点content

查看全部

0 采集收起来源：DOM外部插入after()与before()
2016-10-31
铁板锅奎

append(content) 向指定元素内部后面插入节点content。 appendTo(content) 将指定元素移入到指定元素content内部后面

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2016-10-31
铁板锅奎

dom操作有：查找节点、删除节点、插入节点、替换节点、复制节点、包裹节点

查看全部

0 采集收起来源：jQuery基础(二)—DOM篇课程介绍
2016-10-31
Zero_K

detach方法是JQuery特有的，所以它只能处理通过JQuery的方法绑定的事件或者数据

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2016-10-31
惊艳消逝

.prepend()：内部插入，追加在第一位置，括号内是追加的新的子节点（元素节点，文本节点），方法前是追加在的目标元素(父元素)， .prependTo()方法把所有的匹配的元素前置到另一指定的元素集合中，括号内是追加的元素目标(父元素)，方法前是追加的新的子节点（元素节点，文本节点）

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2016-10-30
惊艳消逝

DOM节点删除之empty()的基本用法 empty():清空方法，移除选中的元素的所有的子节点

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2016-10-30
惊艳消逝

prepend():向每个匹配的元素内部前置内容； prependTo();把所有匹配的元素前置到另一个指定的元素集合中，区别： append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中还是不太懂：append(),appendTo(),prepend(),prependTo(),这四个方法

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2016-10-30

首页上一页 274 275 276 277 278 279 280 下一页尾页

0/150

提交

取消

开始学习

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

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