Javascript JQuery初学者。after不起作用
代码有什么问题?我确信js文件的路径是正确的。我想这是密码。它没有显示插入的段落Javascript JQuery初学者。after不起作用,javascript,jquery,html,Javascript,Jquery,Html,代码有什么问题?我确信js文件的路径是正确的。我想这是密码。它没有显示插入的段落 <!DOCTYPE html> <html lang="en"> <head> <title>Embedded Script</title> <meta charset="utf-8"/> </head> <body> <h1>Embed
<!DOCTYPE html>
<html lang="en">
<head>
<title>Embedded Script</title>
<meta charset="utf-8"/>
</head>
<body>
<h1>Embedded Script Example</h1>
<script type="text/javascript" charset="utf-8" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("h1").after("<p>I've just inserted a paragraph</p>");
});
</script>
</body>
</html>
嵌入式脚本
嵌入式脚本示例
$(文档).ready(函数(){
$(“h1”)。在(“我刚刚插入了一段“”)之后;
});
$(“我刚刚插入了一个段落””);
您的路径一定是错误的,或者您的jQuery库不知何故已损坏。我已经复制了您的代码,将jQuery路径更改为jQuery.com上的最新代码,并将页面上载到。使用Ctrl+U
查看源代码,以验证它是否与您的源代码相同。(我会使用小提琴,但我认为它不允许内联脚本。)
这非常明确地证明,您的问题是由于未能正确加载jQuery库造成的。检查错误控制台,并验证
jQuery
是否是JS控制台中的现有对象。html中是否有h1?@NicolásTorres。不他没有,看到他的HTML…我唯一能想到的是路径不正确。其余的在我看来还可以。这应该可以正常工作,检查控制台是否有错误,可能jQuery没有正确插入。这与OP已经具有的相同insertAfter
的工作方式与after
的工作方式完全相同。唯一的区别是在之后使用,将要插入的元素传递给方法。
$("<p>I've just inserted a paragraph</p>").insertAfter("h1");