jQuery UI施用

jQuery UI使用

接触jQuery UI，是因为当初想给页面加一个日期控件，可以点击获取日期，本想着使用ASP.NET自带的Calendar控件，但是使用比较复杂：页面加载时控件隐藏，文本框获取焦点时，控件显示，点击日期控件的日期时，获取日期再赋值给文本框。我只想获得一个日期，要不要这么艰难？

终于，找到了jQuery UI，实际上就是使用javascript封装好的控件或是效果代替ASP.NET自带的。下面来介绍一下使用到的jQuery UI控件及使用方法。

使用方法

引用jquery.js
引用jquery-ui.js应用jquery.css给控件添加指定属性jQuery UI控件

DatePicker

使用方法

        
        
ToolTip        使用方法类&#20284;，能产生更柔和的效果(第一个为jquery ui tooltip，第二个为asp.net tooltip)，如图：

        使用方法：
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head runat="server"&gt;    &lt;title&gt;&lt;/title&gt;    &lt;link href="新文件夹1/jquery-ui.css" rel="stylesheet" type="text/css" /&gt;    &lt;script src="新文件夹1/jquery1.9.0.js" type="text/javascript"&gt;&lt;/script&gt;    &lt;script src="新文件夹1/jquery-ui.js" type="text/javascript"&gt;&lt;/script&gt;    &lt;script type="text/javascript"&gt;          $(function () {              $(document).tooltip();          });    &lt;/script&gt;&lt;/head&gt;&lt;body&gt;    &lt;form id="form1" runat="server"&gt;    &lt;div&gt;        &lt;asp:TextBox ID="TextBox1" runat="server" title="I'm a textbox"&gt;&lt;/asp:TextBox&gt;    &lt;/div&gt;    &lt;/form&gt;&lt;/body&gt;&lt;/html&gt;
        其它jQuery UI使用方法类&#20284;，且效果更炫，参见http://jqueryui.com/。
        用户往往只关心他所见到的界面，同时也很大程度上减少了程序员的代码量，最重要的是不用再考虑浏览器的兼容问题，所以，开始使用jQuery UI吧。

jQuery UI施用

热点推荐