随笔分类 -  Jquery

摘要:AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。 一、AngularJS 中的精美特性双向绑定上面的例子已经说明了,我们可以像 PHP Smarty 模板一样在 HTML 中写表达式,用 {{ 和 }} 包起来。在 AngularJS 里,View 和 Model 是在 Controller 里面绑定的,所以无论你在 View 的表单中修改了内容,还是在 Controller 里通过代码修改了 Model 值,两边都会... 阅读全文
posted @ 2013-09-01 11:30 鸿娃 阅读(1495) 评论(1) 推荐(0)
摘要:通过前两章的学习,相信大家对highcharts已经有了初步的了解。这一章将通过一个例子来模拟Highcharts如何实现经常变化的数据显示。比如说股票的涨停、实时篮球比分以及A选手和B选手的支持率。这样的例子在生活中有很多,就不一一列举了。 实现的思路主要还是通过setInterval()方法,隔几秒刷新数据,来实现动态数据的显示。废话不多说,直接上代码。12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364. 阅读全文
posted @ 2013-07-24 13:48 鸿娃 阅读(2641) 评论(0) 推荐(0)
摘要:简介 Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。HighCharts界面美观,由于使用JavaScript编写,所以不需要像Flash和Java那样需要插件才可以运行,而且运行速度快。另外HighCharts还有很好的兼容性,能够完美支持当前大多数浏览器。 特点 HighCharts的主要特性包括:1.兼容性:HighCharts采用纯JavaScript编写 阅读全文
posted @ 2013-07-24 13:46 鸿娃 阅读(600) 评论(0) 推荐(0)
摘要:在数据统计和分析业务中,有时需要在一个图表中将柱状图、饼状图、曲线图的都体现出来,即可以从柱状图中看出具体数据、又能从曲线图中看出变化趋势,还能从饼状图中看出各部分数据比重。highCharts可以轻松实现三图合一的效果。 还是以刚才降雨量为例,如果没有highCharts基础,请先参考“highCharts如何使用-强大的图表库插件”。和上个例子相比,修改的地方只有js,所以着重点在js代码上面。这个例子主要是实现柱状图、折线图和饼图结合在一起的用法。123456789101112131415161718192021222324252627282930313233343536373839.. 阅读全文
posted @ 2013-07-24 13:46 鸿娃 阅读(2779) 评论(0) 推荐(0)
摘要:1.如何修改jquery默认编码(例如默认GB2312改成UTF-8)12345$.ajaxSetup({ajaxSettings : {contentType : "application/x-www-form-urlencoded;chartset=UTF-8"}});2.jquery判断元素上是否绑定了事件12345//jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQuery绑定的事件var $events = $("#id").data("events");if ($events && 阅读全文
posted @ 2013-07-10 17:30 鸿娃 阅读(213) 评论(0) 推荐(0)
摘要:前面一章已经对datepicker的使用,做了简单的说明。这一章主要对dialog如何使用做个说明。 jquery ui-dialog在web开发中运用还是比较多的。最常见的例子就是登录功能的实现。运用dialog的好处就是不用刷新网页,直接弹出一个div层,让用户输入信息。使用起来也比较方便。下面就学学如何使用它吧。 前提条件导入jquery-1.7.2.js ,也可以是其它版本。 导入jquery-ui.js,也可以直接指向http://code.jquery.com/ui/1.10.2/jquery-ui.js 这个地址。前提是要有网络。 导入jquery-ui.css,样式表也可以自. 阅读全文
posted @ 2013-06-25 22:17 鸿娃 阅读(22206) 评论(0) 推荐(2)
摘要:在web开发中,总会遇到需要用户输入日期的情况。一般都是提供一个text类型的input供用户输入日期。然而,这种方式,开发人员必须对用户输入的日期进行验证,判断其合法性。除此之外,让用户输入日期也是一件不爽的事,如果用户可以直接选择日期,这两个问题都解决了。 我们也可以自己用javascript写一个日期选择控件,然而,想要写的很好、很漂亮却需要花不少时间和精力。jQuery有一个UI插件: datepicker ,可以帮我们实现该功能,而且界面很漂亮。下面就学学如何使用它吧。 datepicker 插件是jQuery UI的一个插件,它提供一个日期弹出窗口(或直接显示在页面),供用户选择. 阅读全文
posted @ 2013-06-25 22:15 鸿娃 阅读(6457) 评论(0) 推荐(1)