xxxx3635041
2016-11-24 20:17
这节不用修改代码?怎么没反应呢
把代码包多$(function(){
}) 这个里面就有了。
$(function(){
var $body = $('body');
$body.on('click', function() {
//通过jQuery生成div元素节点
var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")
$body.append(div)
})
// 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>
jQuery版本问题,<title></title>后面改成这个<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
应该是jQuery版本问题
把引入的jQuery地址换成<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>就可以了
把代码复制到别的地方在浏览器打开试了一下又可以了,不知道什么原因,去别的地方试试吧,代码是对的,不用改。
我也没反应,什么鬼。。
点提交
jQuery基础(二)—DOM篇
114014 学习 · 590 问题
相似问题