慕课网

jQuery基础(二)—DOM篇

最热最新

emey

创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild 如右边代码所示，写一个最简单的元素创建，我们会发现几个问题：每一个元素节点都必须单独创建节点是属性需要单独设置，而且设置的接口不是很统一添加到指定的元素位置不灵活最后还有一个最重要的：浏览器兼容问题处理

查看全部

0 采集收起来源：DOM创建节点及节点属性
2016-05-30
emey

<script type="text/javascript"> var body = document.querySelector('body'); document.addEventListener('click',function(){ //创建2个div元素 var rightdiv = document.createElement('div') var rightaaron = document.createElement("div"); //给2个div设置不同的属性 rightdiv.setAttribute('class', 'right') rightaaron.className = 'aaron' rightaaron.innerHTML = "动态创建DIV元素节点"; //2个div合并成包含关系 rightdiv.appendChild(rightaaron) //绘制到页面body body.appendChild(rightdiv) },false) </script>

查看全部

0 采集收起来源：DOM创建节点及节点属性
2018-03-22
慕粉3385175

$('p').click(function(e) { alert(e.target.innerHTML) }) 显示p元素的文本内容

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2016-05-29
喵喵小喵

append() 前面是要选择的对象，后面是要在对象内插入的元素内容 appendTo(前面是要插入的元素内容，而后面是要选择的对象 after 向元素的后边添加html代码，如果元素后面有元素了，那将后面的元素后移，然后将html代码插入 before 向元素的前边添加html代码，如果元素前面有元素了，那将前面的元素前移，然后将html代码插 append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中 insertAfter将JQuery封装好的元素插入到指定元素的后面，如果元素后面有元素了，那将后面的元素后移，然后将JQuery对象插入； insertBefore将JQuery封装好的元素插入到指定元素的前面，如果元素前面有元素了，那将前面的元素前移，然后将JQuery对象插入；

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2016-05-26
喵喵小喵

append()前面是要选择的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是要选择的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2016-05-26
qq_芒果加冰_0

replaceWith replaceAll替换整个节点

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2016-05-22
慕粉18115723620 00:31

。。。

查看全部

0 采集收起来源：jQuery基础(二)—DOM篇课程介绍
2016-05-21
番茄了个土豆3345557

detach ：隐藏起来了，还可以再显示的

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2016-05-20
番茄了个土豆3345557

.before() .after()兄弟关系

查看全部

0 采集收起来源：DOM外部插入after()与before()
2016-05-20
喵喵小喵

<button>点击通过jQuery动态创建元素节点</button> <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
喵喵小喵

创建节点及节点属性流程中涉及的一点方法：创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild <body> <h2>动态创建元素节点</h2> <div class="left"> <div class="aaron">点击body区域会动态创建元素节点</div> </div> <script type="text/javascript"> var body = document.querySelector('body'); document.addEventListener('click',function(){ //创建2个div元素 var rightdiv = document.createElement('div') var rightaaron = document.createElement("div"); //给2个div设置不同的属性 rightdiv.setAttribute('class', 'right') rightaaron.className = 'aaron' rightaaron.innerHTML = "动态创建DIV元素节点"; //2个div合并成包含关系 rightdiv.appendChild(rightaaron) //绘制到页面body body.appendChild(rightdiv) },false) </script> </body>

查看全部

0 采集收起来源：DOM创建节点及节点属性
2018-03-22
Melisenda

1.起始位置不同：.closest开始于当前元素 .parents开始于父元素 2.遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，知道找到一个匹配就停止查找，parents一直查找到根元素，并将匹配的元素加入集合 3.结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2016-05-18
qq_小蜗_3

起始位置不同：.closest开始于当前元素 .parents开始于父元素遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，知道找到一个匹配就停止查找，parents一直查找到根元素，并将匹配的元素加入集合结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2016-05-18
Melisenda

$( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合。

查看全部

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

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

查看全部

0 采集收起来源：jQuery遍历之find()方法
2016-05-18

首页上一页 378 379 380 381 382 383 384 下一页尾页

0/150

提交

取消

开始学习

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

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