$('#name')。val()不起作用

时间:2017-11-24 02:56:24

标签: javascript jquery html html5

我不明白。我甚至试图复制我的其他网页代码以获取输入的值,并且它完全适用于该页面,而在这里,它仍然无法正常工作。输入字段的代码是:

<input type="text" placeholder="name" name="name" id="name" size="10" style="bottom:570px;left:964px;position: relative">

而对于按钮,

<button type="button" style="bottom:600px;left:1100px;position: relative" id="addbutt" onclick="addu()">Add Button</button>

我不确定它是否与订单有关,因为按钮是在输入字段之前写的。但我试图重新安排它,我仍然得到相同的结果。

javascript代码是:

alert("helloooooooooooooooooooooooooooooooooo tang---");
var nem = $('#name').val();
alert(nem);

当我按下按钮时,只显示警报helloooooooooooooooooooooooooooooooooo tang---,但其他警报则不显示。我甚至试图删除第一个警报,它仍然没有显示。什么似乎是问题?

2 个答案:

答案 0 :(得分:1)

添加此代码或您的lib:

<head>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

答案 1 :(得分:0)

它正在发挥作用。检查是否包含jQuery。 工作代码集is here

function addu(){
  alert("helloooooooooooooooooooooooooooooooooo tang---");
  //var nem = $('#name').val();
  var nem=document.getElementById('name').value
  alert(nem);
}

此代码不要求您包含jQuery。如果你想运行代码而不是包含jQuery。

JavaScript比使用jQuery更快。见 jsperf 并自己运行测试并进行比较。

Javascript var $el = document.getElementById('hello')可以运行27,091,679 ops / sec,而jQuery one var $el = $('#hello');只运行1,430,757 ops / sec

因此使用jQuery比使用JavaScript慢95%。