- 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
推薦閱讀
- Mobile Web Performance Optimization
- Web Scraping with Python
- Developing Mobile Web ArcGIS Applications
- Instant Typeahead.js
- Python Tools for Visual Studio
- Python自然語言處理（微課版）
- Learning Laravel 4 Application Development
- C#程序設計基礎：教程、實驗、習題
- MySQL從入門到精通（軟件開發視頻大講堂）
- 智能手機APP UI設計與應用任務教程
- ScratchJr趣味編程動手玩：讓孩子用編程講故事
- Python數據可視化之美：專業圖表繪制指南（全彩）
- 網頁設計與制作
- 精益軟件開發管理之道
- 零基礎C語言學習筆記