jQuary总结9:html()的常见用法

1html() 不传参数 用于获取内容

//html
<div>
    <p></p>
    <span></span>
    文本
</div>

//js
console.log($('div').html()); // 返回   <p></p>
                                      <span></span>
                                       文本

2 html('') 传入一个空的字符串

//html
<div>
    <p></p>
    <span></span>
</div>

//js
$('div).html('');

//执行完的结果
<div></div>

3 clone(true),无法克隆用原生方式注册的事件

//html
<div id="box"></div>
<p>
    <span>span元素</span>
</p>

//js
var span = document.getElementsByTagName('span')[0];
span.onclick = function(){
    console.log('span')
}
var newP = $('p').clone(true);
$('#box').append(newP);

//执行完的结果
<div id="box">
   <p>
     <span>span元素</span>   //点击不打印span
   </p>
 </div>
<p>
    <span>span元素</span>    //点击会打印span
</p>