ASP.NET Boilerplate JQuery没有进入.cshtml页面

我有一个使用ASP.NET Boilerplate的项目。 我在一个单独的文件中编写了一些JQuery，并将它链接到Views / Shared / _Layout.cshtml中。 我的JQuery代码工作，如警报显示或正文背景颜色变为红色。 但是如果我想改变页面内的一些元素，它就不会受到影响。 例如，名为“main1”的类不会更改为绿色。 我不确定为什么？ 请帮忙。 谢谢

Main.cshtml

 
......
  

JS

 $(document).ready( function() { alert('helloooo'); $('body').css('background-color', 'red'); $('.main1').css('background-color', 'green'); }); // end ready 

layout.cshtml

  @Scripts.Render("~/Bundles/App/Main/js")  

HomeController.cs

 using System.Web.Mvc; namespace ProjectClosureApp.Web.Controllers { public class HomeController : ProjectClosureAppControllerBase { public ActionResult Index() { return View("~/App/Main/views/layout/layout.cshtml"); //Layout of the angular application. } } }