jQuary教程5:传递一个dom对象

Posted 2020-11-08 autoxingjy

1 传递一个dom对象

//html
<div></div>
<p id="p"></p>

//js
var p = document.getElementById(‘p‘);
$(‘div‘).append(p);
  
//执行之后的结果
<div>
  <p></p> 
</div>
 //注意：也会有剪切的效果。

2 调用html方法 

//html
<div>
    div里面的文本
    <p></p>
</div>

//js
$(‘div‘).html(‘<span>这是一段内容</span>‘);

//执行完的结果
<div>
    <span>这是一段内容</span>
</div>
//注意: 会有覆盖的作用

注意:

append(jQuery对象/ ‘html字符串‘/DOM对象)

有剪切效果html(‘html字符串‘) 会覆盖以前的内容.