jquery中html和text区别,jQuery：text()和html()之间有什么区别？

杨__羊羊

子问题：当只有文字时，什么更快，.text()或.html()?答： .html()更快！看见这里有一个用于所有问题的“行为测试工具包”。.所以，最后，如果您有“只有文本”，请使用html()方法。注：没道理吗？记住.html()函数只是一个包装器。.innerHTML，但是在.text()函数jQuery添加一个“实体过滤器”这个过滤器自然会消耗时间。好的,如果你真的想要表演... 使用纯Javascript若要访问直接文本，请将其替换为nodeValue财产。基准结论：jQuery.html()比.text().纯JS‘.innerHTML比.html().纯JS‘.nodeValue比.html()，~100倍.text()，而且~20倍于.innerHTML.PS：.textContent属性是在DOM级别-3中引入的，.nodeValue是DOM级别2，而且速度更快(！)。看见这个完整的基准:// Using jQuery:simplecron.restart(); for (var i=1; i<3000; i++) 

    $("#work").html('BENCHMARK WORK');var ht = simplecron.duration();simplecron.restart(); for (var i=1; i<3000; i++) 

    $("#work").text('BENCHMARK WORK');alert("JQuery (3000x): \nhtml="+ht+"\ntext="+simplecron.duration());

    // Using pure JavaScript only:simplecron.restart(); for (var i=1; i<3000; i++)

    document.getElementById('work').innerHTML = 'BENCHMARK WORK';ht = simplecron.duration();simplecron.restart();

     for (var i=1; i<3000; i++) 

    document.getElementById('work').nodeValue = 'BENCHMARK WORK';alert("Pure JS (3000x):

    \ninnerHTML="+ht+"\nnodeValue="+simplecron.duration());