mvc使用jquery

如何在MVC应用程序中使用Jquery

(1) 当使用Visual Studio项目模版创建新的ASP.NET MVC项目时,它会默认生成使用Jquery需要的所有内容,每个新项目中都回包含一个Scripts文件夹,里面带有很多个.js文件,各位可以新建一个mvc项目看看,如图所示:

(2) JQuery核心库是一个名为Jquery-<version>.js的文件,因为我使用的VS是2012,所以Jquery的版本是1.7.1,这个文件中包含了JQuery源代码的可注释版本。还有一个Jquery-<version>.min.js文件,精简的JavaScript文件在他们的名称中包含了“.min”,顾名思义,他们占用的空间要小于对应的非精简文件(通常情况下要小一半)。他们不包含不必要的空白字符,也不包含注释,并且所有局部变量名称的长度都是一个字符,如果打开一个精简文件,你会看到一堆不可读的JavaScript代码。如图所示:

(2) 精简的JavaScript脚本文件在客户端的行为以及实现的功能与非精简文件一样,然而,由于精简文件叫较小,因此通常都是尽可能的向客户端发送精简文件(因为它可以减少下载的数据字节数,从而加快加载与运行的速度)。

(3) ASP.NET MVC应用程序中默认的布局试图(_Layout.cshtml)通常情况下用下面的脚本标签引用Jquery的精简版本:

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>

注解:在MVC中如果要使用Jquery,需要将上面的脚本标签通过布局视图放在HTML标记中。

  • 在MVC应用程序中使用Jquery

  1. 当使用Visual Studio项目模版创建新的ASP.NET MVC项目时,它会默认生成使用Jquery需要的所有内容,每个新项目中都回包含一个Scripts文件夹,里面带有很多个js文件。

  2. JQuery核心库是一个名为Jquery-<version>js的文件,所以Jquery的版本是1.7.1,这个文件中包含了JQuery源代码的可注释版本。

  3. 精简的JavaScript脚本文件在客户端的行为以及实现的功能与非精简文件一样,然而,由于精简文件叫较小,因此通常都是尽可能的向客户端发送精简文件。

  4. ASP.NET MVC应用程序中默认的布局试图(_Layout.cshtml)通常情况下用下面的脚本标签引用Jquery的精简版本。


  • 在节点中放置脚本

  1. 向输出中注入脚本的另一种方式是定义用来防治脚本的Razor节。

  2. 可以在引用布局的任何视图中添加脚本姐,用来向该试图的头部注入特定的脚本:Index.cshtml。

  3. 按F5运行网站,打开网站首页,添加的jquery.validate.js文件显示在引用JS的最下面了。


  • Scripts目录下的其他文件

除了Jquery核心库之外,Scripts目录中还包含两个Jquery插件:Jquery UI和Jquery验证,这些扩展增加了Jquery核心库的能力。

艾希什么都没有的房间 isipv4mappedtoipv6 chinesegirlpeetoilet 阿呆喵好用吗 房子朝北真的那么差吗 大连佳能打印机维修 偷心俏佳人 电影 荣耀 8 lite python曲线图windows 诺如病毒血常规白细胞 室内甲醛检测仪 好用吗 摄影机稳定器 百达斐丽 geneve netty 多线程 寄宿在姐姐家系列番号 讯猫便利店加盟费多少 vintage gucci手表 微信企业号的申请流程 徐童三部曲下载 御用漫画摇广场舞分解 web map display 显卡驱动导致dnf fps mototext下载jar 动画版超人怎么复活的 slidetounlock10 最好玩的火柴人游戏 安卓怎么玩苍天英雄志 与老妈的故事 古典曲十面埋伏吉他谱 fifa17 demoxbox one

Copyright 中仑网 Some Rights Reserved

如反馈或投诉等情况联系:une35498#163.com