我是 Javascript 新手,我正在尝试测试以下代码
<html>
<head>
<script src="jquery/jquery.min.js">
</head>
<body>
<input type="button" value="Click button">
<script type="text/javascript">
$(function(){
$('input')[0].on('click',function(){
alert('button clicked');
});
});
</script>
</body>
</html>
但是当我在浏览器中打开这个 html 文件时,按钮不显示
最佳答案
脚本标记需要一个结束标记,您已省略:
<script src="jquery/jquery.min.js"></script>
^ close
通过将其保持打开状态,浏览器会将脚本标记之后的所有内容视为脚本内容。
此外,您的 $('input')[0]
也不正确。即获取输入的 DOM 元素,它没有 jQuery 包装器,也没有 .on()
函数。如果您尝试仅匹配第一个输入,则:
$('input').first().on('click',function(){
关于javascript - DOM 元素不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24427013/