码迷,mamicode.com
首页 > Web开发 > 详细

JQuery技术(1)

时间:2014-11-20 15:11:18      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   使用   sp   java   strong   文件   

一、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="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    @if(false){
    <script src="../../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)

标签:style   blog   io   color   使用   sp   java   strong   文件   

原文地址:http://www.cnblogs.com/meetyy/p/4110438.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!