heyucool - 博客园

2016年7月14日

摘要： jQuery on()方法是官方推荐的绑定事件的一个方法。由此扩展开来的几个以前常见的方法有. 以上三种方法在jQuery1.8之后都不推荐使用，官方在1.9时已经取消使用live()方法了，所以建议都使用on()方法。 tip:如果你需要移除on()所绑定的方法，可以使用off()方法处理。 t 阅读全文

posted @ 2016-07-14 11:09 heyucool 阅读(300) 评论(0) 推荐(0) 编辑

2016年4月5日

Git常用命令总结

摘要：关注廖雪峰博客http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000 下载github的桌面客户端，会有一个git shell程序，点击打开进入命令行模式~~ 所有git的命令都git 开头阅读全文

posted @ 2016-04-05 10:31 heyucool 阅读(192) 评论(0) 推荐(0) 编辑

2016年3月9日

多个$(document).ready()的执行顺序问题

摘要：本文以实例形式说明了多个$(document).ready()的执行顺序问题，由实例可以看出多个$(document).ready()的执行顺序并非单纯的顺序执行，其与嵌套层级也有一定的关系。具体实例代码如下： <html> <head> <script src="./jquery-1.9.0.mi 阅读全文

posted @ 2016-03-09 09:54 heyucool 阅读(950) 评论(0) 推荐(0) 编辑

2016年3月6日

JavaScript小工具--TAB选项卡切换隐藏显示动画效果

摘要：开发中经常会遇到TAB选项卡：点击对应的选项卡，该选项卡为active状态，其余为未选中状态，同时显示对应的TAB内容。如下以下为简化例子： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-T 阅读全文

posted @ 2016-03-06 22:07 heyucool 阅读(1383) 评论(0) 推荐(0) 编辑

2016年3月4日

JavaScript---快速回到页面顶部

摘要：首先设置一个DOM元素： <p id="back-to-top"><a href="#"><span></span>回到顶部</a></p> 然后绑定点击事件 $(document).ready(function () { //首先将#back-to-top隐藏 $("#back-to-top"). 阅读全文

posted @ 2016-03-04 22:50 heyucool 阅读(498) 评论(0) 推荐(0) 编辑

JavaScript插件：快速选择日期----jedate日历插件

摘要： jedate是一款轻量级JS库，可快速选择日期 http://www.sucaijiayuan.com/Js/DateTime/1371.html 使用方法：下载jedate ，解压后不要改变文件夹内的目录结构，然后引入jedate.js文件， <input id="datepicker" pl 阅读全文

posted @ 2016-03-04 22:35 heyucool 阅读(11956) 评论(0) 推荐(0) 编辑

点击事件然后页面跳转到指定DOM元素的位置

摘要：设置一个函数，执行函数滚动条自动拖动，页面跳转到指定DOM元素的位置。实现方式很简单，首先引入animatescroll.js文件（要先引入JQuery），然后 $('#id').animatescroll(); 即可调到指定DOM元素在页面的位置。为方便可以编写一个函数，传入DOM元素的ID 阅读全文

posted @ 2016-03-04 21:57 heyucool 阅读(4210) 评论(0) 推荐(0) 编辑

JavaScript 日期Date格式化工具

摘要：引入下面的JS文件，即可使用例如 new Date().Format("yyyy-MM-dd hh:MM:ss") 方法返回所需的日期格式： //作者 CSDN meizz// 对Date的扩展，将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季阅读全文

posted @ 2016-03-04 16:26 heyucool 阅读(278) 评论(0) 推荐(0) 编辑

2016年2月23日

Highcharts图表中数据data的三种表达方式

摘要： series:[{data:[]}]中的data有三种表达方式：数字数组例如data:[2,4,8]，数组中的数字可以理解为y轴的值，图表的x值将会自动计算（从0开始递增，步长为1，或者是由plotOptions中的pointStart和pointInterval指定），如果xAxis坐标轴有ca 阅读全文

posted @ 2016-02-23 08:48 heyucool 阅读(4853) 评论(0) 推荐(0) 编辑

2016年2月19日

Highcharts动态曲线图图表实现

摘要： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript" src="../js/jquery-1.11.3.js"></scrip 阅读全文

posted @ 2016-02-19 14:39 heyucool 阅读(1214) 评论(0) 推荐(0) 编辑