把代码包多$(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>就可以了

把代码复制到别的地方在浏览器打开试了一下又可以了，不知道什么原因，去别的地方试试吧，代码是对的，不用改。

我也没反应，什么鬼。。

点提交