JQuery... это библиотека для удобной работы с HTML элементами <input>, <a>, <div> и т.д...
JQuery состоит из
js файлов.
<script src='@Url.Content("~/Scripts/jquery-3.3.1.min.js")'></script>
Читать подробнее
@Url.Content...
Теперь добавим html элементы. Как только загрузится страница, то
JQuery их будет медленно прятать за 4 секунды.
Файл Views/Home/Index.cshtml
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<!-- подключаем JQuery библиотеку -->
<script src='@Url.Content("~/Scripts/jquery-3.3.1.min.js")'></script>
<!-- мои html элементы -->
<p style='color:green; font-size:26px;'>Hello!</p>
<p style='color:orange; font-size:26px;'>World</p>
<!-- ждем когда загрузится документ -->
<script>
$( document ).ready(function()
{
// прячем все элементы p за 4 секунды
$("p").hide(4000);
});
</script>
</body>
</html>