5-1创建元素

JQuery中创建元素的方式
1、对象.html('标签代码');----->$('#box').html('<p>我是一个p</p>');
2、$('标签代码');------------->$('<p>我是一个p</p>');

// 练习：在box中添加一个a标签
// 页面加载事件
$(function () {
    //----------------第一种方式---------------------
    $('#box').html('<a href="#" target="_blank">百度一下</a>');
    使用这个返回的还是当前对象，不是创建的a对象

    //----------------第二种方式---------------------
    var element = $('<a href="#" target="_blank">百度一下</a>').css('background', 'red');
    返回的是创建的对象，所以可以直接设置属性

    //将元素添加到div中,这里使用的是append方法
    $('#box').append(element);
});