How do I use jquery in asp.net mvc 4?

There is no 'proper' way to do this in MVC, it is up to you entirely.

There are several common ways to do this.

You could place JQuery functions 'inline' within your views by placing them in script tags e.g.

<script>
    $('a').click(function() { alert("Click"); } );
</script>

However, this is not generally recommended, as it makes your JS harder to manage and re-use and bloats your HTML. You'd probably only do this if you had a real small piece of script, and didn't feel it was worth creating a new file for.

Alternatively, you could place your html in separate js files, and include reference to these in your views e.g.

<script src="~/Scripts/mycusomtjquery.js"></script>

This is better, as it does allow re-use and doesn't bloat your HTML, plus the browser is able to cache it.

An even better option is to take advantage of the Bundling feature in MVC 4 and use this. Place your js in a seperate file, register it as a bundle, and render this in your view

e.g.

Create you js in seperates files and place your custom code in there.

Place this in App_Start\BundleConfig.cs

bundles.Add(new ScriptBundle("~/bundles/mycustomjquery")
                    .Include("~/Scripts/mycustomjquery.js")
                    .Include("~/Scripts/myothercustomjquery.js"));

Add a call to render the bundle in your view

@Scripts.Render("~/bundles/mycustomjquery")

This will render your js in a minfied and merged manner that can be cached by the broswer.

You can configure this to suit. Choose how to bundle up your js files, how many actual js files to make, where to render them etc.

I don't understand your problem, but do you know what bundle is? First, take a look at this artciel to understand the complete feature: http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification

You don't need to use Bundles in asp.net mvc. You can just remove it from the project and add your javascripts files in your layout page without problems. You can add into the layout page manually and add your funcitons in another js file and inclue on the View (or Layout too). Asp.Net MVC is another approuch compared with WebForms.

Razor is a Viewengine and you can write server side code using the @ char, for sample: @Html.TextBox("Name") that we have since the asp.net mvc 3, but you also can write ASPX engine , for sample: <%: Html.TextBox("Name") %> as you do somethings in WebForms. (I recommend Razor, because it is faster to write, read and use).

Learn more about ViewEngines here: http://weblogs.asp.net/scottgu/archive/2010/07/02/introducing-razor.aspx