如何将 HTML 放在 jquery 或 javascript 函数中以便稍后附加?

我很难找到它以及尝试自己做。但我想知道是否可以得到一个将 HTML 放入 jQuery 函数和 javascript 函数的示例,以便以后可以使用它附加到 DOM。

HTML


<div class="container>

</div>

jQuery


$(function (nothing){

  '<h3>Nothing Here</h3>'

             });


$(".container").append(function(nothing));

结果


Nothing Here

我是一个更大的 javascript 菜鸟,但我想达到同样的结果。有人可以告诉我怎么做吗?另外,使用 javascript 方法 VS jQuery 方法有区别吗?谢谢!


侃侃无极
浏览 78回答 2
2回答

qq_遁去的一_1

Javascript 答案: domElement.innerHTML是在 domElement 中添加任何 html 内容的 API。并且可以从 javascript 函数以字符串格式返回 html 内容。<!DOCTYPE html><html><body><div id="container"></div><script> function getHTMLContent() {return "<h2>Nothing here</h2>";}</script><script>document.getElementById("container").innerHTML = getHTMLContent();</script></body></html>jquery回答:而不是.innerHTML我们.append在jquery 中。这也将字符串作为参数。而且我们调用javascript函数的方式也没有区别。<!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script><script>$(document).ready(function(){&nbsp; function getHTMLContent() {return "<h2>Nothing here</h2>";}$("#container").append(getHTMLContent());});</script></head><body><div id="container"></div></body></html>关于你对 function() 和 $function()..$(function() { ... });&nbsp;只是 jQuery 的简写$(document).ready(function() { ... });一旦页面准备好,它就会自动调用。但是在 javascript 中,当您声明时function(),它本身不会被调用。你必须明确地调用它。

ITMISS

function nothing(){&nbsp; $(".container").append('nothing');}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript