با سلام من طبق کدهایی که فرمودین انجام دادم ولی hide نمیشه
در ادامه کدهام را هم ارسال میکنم <!doctype html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>فرم ورود</title><link rel="stylesheet" href="assets/css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<body>
<section class="login-box">
<form action="#" method="post">
<label for="username">نام کاربری</label>
<input type="text" id="username" class="username">
<label for="password">کلمه عبور</label>
<input type="password" id="password" class="password">
<input type="submit" value="ورود" class="btn-success">
</form>
</section>
<script src="assets/js/main.js"></script>
</body>
</html>--------
jQuery(document).ready(function(){
let y =2;
jQuery('#username').hide();});