首页 > 代码库 > JQuery技术(1)
JQuery技术(1)
一、jQuery库
ASP.NET MVC模板会自动地包含JQuery文件,并把它们放置在Scripts文件夹中以方便程序员使用,如下表所示。
文件名 | 描述 |
jquery-1.7.1.intellisense.js | 支持核心库和验证模型库的智能感知功能的库文件 |
jquery.validate-vsdoc.js | |
jquery-1.7.1.js | 常规的和最小化的jquery核心库文件 |
jquery-1.7.1.min.js | |
jquery-ui-1.8.20.js | 常规的和最小化的jquery UI文件 |
jquery-ui-1.8.20.min.js | |
jquery.unobtrusive-ajax.js | 常规的和最小化的非侵入的Ajax库文件 |
jquery.unobtrusive-ajax.min.js | |
jquery.validate.js | 常规的和最小化的客户端验证模型库文件 |
jquery.validate.min.js | |
jquery.validate.unobtrusive.js | 常规的和最小化的非侵入的客户端验证模型库文件 |
jquery.validate.unobtrusive.min.js |
VS的智能感知(IntelliSense)功能可以帮助程序员快捷地使用jQuery库,只需要在页面代码中增加引用jquery-1.7.1.intellisense.js文件的代码即可。例如:
...<head> <title>@ViewBag.Title</title> <link href=http://www.mamicode.com/"@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> <script src=http://www.mamicode.com/"@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script> @if(false){ <script src=http://www.mamicode.com/"../../Scripts/jquery-1.7.1.inellisense.js" type="text/javascript"></script> }</head>...
上面的代码中增加了Razor引擎的if语句以阻止客户端的浏览器下载jquery-1.7.1.intellisense.js文件,因为该文件只包含了对Visual Studio有用的信息,客户端程序不需要使用该文件。一旦增加了jquery-1.7.1.intellisense.js文件,那么在编写jQuery代码时,就会出现智能感知现象。
jQuery语法是为了HTML元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()。其中:$定义jQuery; selector查询和查找HTML元素; action()执行对元素的操作。
例如:
$(this).hide(); //隐藏当前元素
$("p").hide(); //隐藏所有段落
$("p.test").hide(); //隐藏所有class="test"的段落
$("#test").hide(); //隐藏所有id="test"的元素
JQuery技术(1)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。