jQuary教程4: jquery操作字符串

1 jquery操作DOM

-1 创建元素

$('<span>这是一个span元素</span>'); //创建了一个jQuery包装的span,此时并没有添加到DOM树上

-2 添加元素: append方法

//html
<div id="box"></div>
<div ></div>
    
//js
var $span = $("<span>这是一个span元素</span>");
$("#box").append($span);

//执行完的结果
<div id="box">
    <span>这是一个span元素</span>
</div>
<div ></div>

//思考:如果执行下面这行代码,结果是什么?
$("div").append($span);

-3 传递一个html形式的字符串

//html
<div></div>

//js
$('div').append('<span>这是一个span元素</span>');

//执行之后的结果
<div>
    <span>这是一个span元素</span>
</div>