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)}
2017-06-01
<h2>动态创建元素节点</h2>
<div class="left">
<div class="aaron" onclick="q1()">
点击body区域会动态创建元素节
</div>
</div>
<div class="left">
<div class="aaron" onclick="q1()">
点击body区域会动态创建元素节
</div>
</div>
2017-06-01
把所有用的元素全部大概学习一遍
querySelector()高级选择器
addEventListener('事件。必须。字符串,指定事件名。',‘函数。必须。指定要事件触发时执行的函数。 ’,‘可选。布尔值,指定事件是否在捕获或冒泡阶段执行。true - 事件句柄在捕获阶段执行alse- false- 默认。事件句柄在冒泡阶段执行’)
创建元素:document.createElement
设置属性:setAttribute
添加文本:innerHTML
加入文档:appendChild
querySelector()高级选择器
addEventListener('事件。必须。字符串,指定事件名。',‘函数。必须。指定要事件触发时执行的函数。 ’,‘可选。布尔值,指定事件是否在捕获或冒泡阶段执行。true - 事件句柄在捕获阶段执行alse- false- 默认。事件句柄在冒泡阶段执行’)
创建元素:document.createElement
设置属性:setAttribute
添加文本:innerHTML
加入文档:appendChild
2017-06-01
再再再总结一下:
append----appendTo
prepend---prependTo
before-----insertBefore
after-------insertAfter
append----appendTo
prepend---prependTo
before-----insertBefore
after-------insertAfter
2017-06-01
append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容。
2017-05-31
p标签原来有父元素div,再给p添加父类也就成了原来div元素的子类,用css定义原来div标签所有后代的展示属性,也就成了p元素新父类的属性展示出来。
2017-05-27
$('.div:first').find('.level-3').parent().css('border','1px solid red');
2017-05-26
$(".left").find("li:last").css("border","1px solid red")和$(".left").find("li:last-child").css("border","1px solid red")有不一样的效果 加个child 会选中每个ul最后的li不加就只选中最后一个
2017-05-19