getElementById替代$（＆＃39; test1＆＃39;）无效

Question

我有一个使用JavaScript提交的HTML论坛：

<form name="test">
Username: <input type="text" id="user"><p id="user1"></p>
Password: <input type="password" id="pass"> <p id="password1"></p>
<button type="submit" onClick="return testChecker()" >Submit</button>
</form>

在我所拥有的testChecker函数内：

$('user1').innerHTML = 'Enter Username';
//document.getElementById('user1').innerHTML = 'Enter Username';

问题是当我使用getElementById时它工作正常并显示出来。但是当我使用$('user1')时，它没有做任何事情。

有什么想法吗？

Answer 1

这是因为在Jquery中你必须在Id名称之前添加#。所以使用

$("#user1")

Jquery Selector Docs

Answer 2

在user1前放一个＃。 JQuery使用它来识别id。

 $('#user1').html('Enter Username');

Answer 3

这是正确的语法：

$('#user1').html("Enter username");

JSFiddle