我很难找到它以及尝试自己做。但我想知道是否可以得到一个将 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 方法有区别吗？谢谢！
2 回答
qq_遁去的一_1
TA贡献1725条经验 获得超7个赞
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(){
function getHTMLContent() {
return "<h2>Nothing here</h2>";
}
$("#container").append(getHTMLContent());
});
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
关于你对 function() 和 $function()..
$(function() { ... });
只是 jQuery 的简写
$(document).ready(function() { ... });
一旦页面准备好，它就会自动调用。
但是在 javascript 中，当您声明时function()，它本身不会被调用。你必须明确地调用它。
添加回答
举报
0/150
提交
取消