的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');