张翠山的博客

前言本想把本篇取名：*从0开始写前端UI框架：实现你人生中的第一个jQuery插件 *，但感觉标题太长，所以简单明了直接取后面主题为题目吧。前一篇文章 已经对my-ui框架做了简单的介绍。谈到了我是如何想起做这个框架的，并描绘了这个框架的大致功能或者说是组件，文章最后举了个已经实现的table表格功能为例子，万里长征就从这里开始！接下来咱们就来剖析如何实现这一简单的功能了，我已经实现了一个t...

缘起经常听说：不要重复造轮子，我深同此看法。如果在项目开发阶段，你还在研究和仿造现成的轮子，那项目的交付期将会是遥遥无期，能不能造出轮子不说，就算是造出的轮子，功能别人已经实现过了的功能，你的轮子会bug一堆，这种做法事半功倍，得不偿失。但是，闲暇之余，如果你精力充足，又喜欢窥探轮子的秘密，那么仿造现成轮子造出一个产品也是一件酷毙了的事情。博主在开发需求过程中，就深刻体会到现成UI框架没法满足...

弹窗是网页中经常看到的效果，以前的弹窗是用window.open()等方式在浏览器窗口新建另一个新窗口来完成的，这种弹窗方式现在已经被很多浏览器所拦截。今天我们来用更加友好的方式来实现弹窗效果。完成的功能效果如图：如图，在浏览器的左上方是两个button按钮，按下之后分别弹出左下角的窗口和中间的窗口，右下角的窗口当页面加载完成之后自动慢慢显示，之后又徐徐的淡出。

今天来完成jQuery实战的级联下拉框的效果。效果功能如下： 页面默认只提供汽车厂商，当选择了具体的某品牌汽车，汽车类型下拉框就会动态的显示出来，选择对应的类型，然后出来该汽车类型对应的轮胎类型下拉框显示出来，选中轮胎类型，页面的正中间会显示出汽车的图片。

今天我们来完成《jQuery实战》系列的标签页效果。先来看一看效果图 这里有两部分的内容，上面是一个标签页的效果，下面也是一个标签页的效果。在实际应用中也经常会见到标签页的效果，它的作用主要是在页面可视区有限的情况下展示更多的内容。当用户想看其他内容的时候不需要离开页面，只需要把鼠标移动到某一个标签上就可以看到这个标签里面所对应的内容。

菜单是web开发中常见的功能模块，它能够直观的展示给用户本站中有哪些功能。一般在页面中看到的菜单类型分为两种：横向菜单和纵向菜单。 今天分别来完成纵向菜单和横向菜单的功能。先来看看纵向菜单，首先导航栏有四个菜单项，分别是古典名著《红楼梦》、《水浒传》、《三国演义》、《西游记》，而每个菜单栏下面分别对应着自己的二级菜单。

今天的任务是开发可编辑的表格的模块，效果大致如图： 上图是一张梁山好汉的排名坐次表，当鼠标点击表格人物姓名那一列时，既可进入编辑状态。可对好汉姓名进行修改，按回车键可进行保存，按ESC键可以恢复到先前状态。 首先将表格划分为thead和tbody部分，thead显示“可编辑的梁山好汉排名”一行。座次和姓名这两格可以放在tbody的th中。

jQuery是一套跨浏览器的JavaScript函数库，简化HTML与JavaScript之间的操作。由约翰·雷西格（John Resig）在2006年1月的BarCamp NYC上发布第一個版本。目前是由Dave Methvin领导的开发团队进行开发。全球前10,000个访问最高的网站中，有65%使用了jQuery，是目前最受欢迎的JavaScript函数库。