- ASP.NET jQuery Cookbook（Second Edition）
- Sonal Aneel Allana
- 227字
- 2021-07-16 13:12:10
Hello World in ASP.NET MVC using jQuery
This recipe demonstrates how to write a simple jQuery code to display Hello World in the ASP.NET MVC project.
Getting ready
Use the MyMvcApplication project created in the Bundling jQuery in ASP.NET MVC recipe.
How to do it…
Following are the steps to write simple jQuery code:
- Open the Index view, and add the following markup to the
<body>element:<p id="pMessage"> </p> - In the
<head>element, include the following jQuery code:<script type="text/javascript"> $(document).ready(function () { var fontStyle = "Arial"; var fontSize = 28; $("#pMessage").css("font-family", fontStyle); $("#pMessage").css("font-size", fontSize); $("#pMessage").text("Hello World!!"); }); </script> - Right-click on the Index view, and select View in Browser (Internet Explorer).
How it works…
Following are the steps to print Hello World in ASP.NET MVC using jQuery:
- The
$symbol is used to instantiate thejQueryobject. - The
.ready()function is triggered when the DOM is ready. It is commonly used to execute the required jQuery code on the page. - The HTML
<p>element withid = "pMessage",which is used to display the Hello World message, can be accessed using its ID with jQuery's#identifierselector—that is, using the#pMessageselector. - Using the
.css()property of thejQueryobject, the font style, size, and text of the<p>element are manipulated so that the following output is displayed on running the application:
See also
推薦閱讀
- Boost程序庫完全開發指南：深入C++”準”標準庫（第5版）
- ClickHouse性能之巔：從架構設計解讀性能之謎
- FreeSWITCH 1.8
- Building a Game with Unity and Blender
- PHP基礎案例教程
- 圖解Java數據結構與算法（微課視頻版）
- Visual Basic編程：從基礎到實踐（第2版）
- ASP.NET Core Essentials
- Java軟件開發基礎
- Terraform：多云、混合云環境下實現基礎設施即代碼（第2版）
- Visual Foxpro 9.0數據庫程序設計教程
- Linux Shell核心編程指南
- Learning jQuery（Fourth Edition）
- JavaScript機器人編程指南
- Python Deep Learning