为了账号安全,请及时绑定邮箱和手机立即绑定
var body=document.querySelector('body');function q1(){varrightdiv=document.createElement('div'); varrightaaron=document.createElement('div');rightdiv.setAttribute('class','right')rightaaron.className='rightaaron';rightaaron.innerHTML='1111'rightdiv.appendChild(rightaaron)body.appendChild(rightdiv)}
<h2>动态创建元素节点</h2>
<div class="left">
<div class="aaron" onclick="q1()">
点击body区域会动态创建元素节
</div>
</div>
把所有用的元素全部大概学习一遍
querySelector()高级选择器
addEventListener('事件。必须。字符串,指定事件名。',‘函数。必须。指定要事件触发时执行的函数。 ’,‘可选。布尔值,指定事件是否在捕获或冒泡阶段执行。true - 事件句柄在捕获阶段执行alse- false- 默认。事件句柄在冒泡阶段执行’)
创建元素:document.createElement
设置属性:setAttribute
添加文本:innerHTML
加入文档:appendChild
再再再总结一下:
append----appendTo
prepend---prependTo
before-----insertBefore
after-------insertAfter
append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容。
快要学不下去了,看着评论又能坚持一下了

已采纳回答 / JessicaWx
案例中给按钮添加了点击事件,利用 jQuery 动态创建 了 DIV元素节点
看到两座吊桥的同学举个手!
来!点出金字塔。
p标签原来有父元素div,再给p添加父类也就成了原来div元素的子类,用css定义原来div标签所有后代的展示属性,也就成了p元素新父类的属性展示出来。
$('.div:first').find('.level-3').parent().css('border','1px solid red');
这一篇都是在搞关系(苦笑脸)
原来同学们都这么有趣的。。。。。。
$(".left").find("li:last").css("border","1px solid red")和$(".left").find("li:last-child").css("border","1px solid red")有不一样的效果 加个child 会选中每个ul最后的li不加就只选中最后一个
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的语法 2、jQuery节点操作

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消