的getElementById替代$（ 'TEST1'）不工作

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

这是正确的语法：

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

JSFiddle

Answer 2

这是因为在jquery中，你必须在Id名称前加上#。因此，使用

$("#user1") 

Jquery Selector Docs

Answer 3

放一个＃在USER1的前面。 JQuery使用它来识别id。

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