随笔分类 -  JQuery

摘要:关于$(document).ready():jquery中的$(document).ready(),那$(document).ready()到底是什么作用呢?是不是可以用window.onload = function(){ ... }来实现呢?这里,我们要明确二者之间的区别。我们使用window.onload = function(){ ... },是希望在页面被载入时执行function中的处理,但是这些JS代码只有在页面上的全部内容加载完成(包括头部的banner广告,所有图片)的时候才会执行。将window.onload放在最上边的原因就是当你第一次运行codes的时候,HTML 阅读全文
posted @ 2011-05-09 12:53 沫鱼 阅读(12224) 评论(3) 推荐(0)
摘要:用JQ写的一个简单的TAB选项效果,支持两个选项以上,扩展性良好<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script><tit 阅读全文
posted @ 2011-04-15 11:22 沫鱼 阅读(448) 评论(0) 推荐(0)
摘要:jQuery的使用开始成为javascript开发者的主选产品,但如果没有一个整体的规划,简单的拿来主义势必带来后期维护成本的增加,大量的jQuery插件如同一把双刃剑,一方面大大节省了开发时间与周期,但同时也造成WEB页面加载的负担,带来的难护与二级扩展成本将非常庞大,因此,在使用之前就需要一个最基础的javascript架构体系,能明显基础功能组件,插件组件有效实施与扩展。我们想,jQuery毕竟还只是一个基础的最底层的工具集,封装元素选择器,事件等等,基本上能满足一般的需求,但要从整体的WEB的周度来看,为了提高javascript开发的效率与可重用性,就需要有一个整体的布局,biuuu 阅读全文
posted @ 2010-12-31 17:07 沫鱼 阅读(670) 评论(0) 推荐(0)
摘要:最近刚在项目里面花心思捉摸JQ,所以有些心得也及时放上来,理解不足的地方也请教下大家。在项目里面实现左的菜单折叠显示的效果,这个在软件界面里是常见的(本来到网上copy一段代码也就了事了,估计写的比我都好,但学习嘛,就要有学习的精神^^!),我是用.animate()去实现隐藏展开的,代码如下:如果这样子的话,在FF,IE7-8,chrome下执行是正常的。可是IE6下无法隐藏left,原因是因为ie6默认内容高宽度超出时,DIV会自动撑开。所以只要给.left{}加个overflow:hidden,问题也就解决~~PS:本来早上是写个函数把.left里面的内容隐藏掉的,在写博文的时候突然想通 阅读全文
posted @ 2010-12-03 18:32 沫鱼 阅读(2377) 评论(0) 推荐(0)
摘要:headscript src="jQuery/jquery-1.4.1.min.js" type="text/javascript"/script script $(document).ready(function () { setInterval("startRequest()",1000); }); function startRequest() { $("#date").text((new Date()).toString()); } /script/head 阅读全文
posted @ 2010-11-17 15:21 沫鱼 阅读(3415) 评论(0) 推荐(0)