随笔分类 -  jQuery

摘要：Jquery ui widget开发 Jquery ui 提供了一些基本的widget，但是他提供了很好的机制来创建widget。在jquery css framework中包含了基本的css样式（视觉和感觉诸如颜色，字体大小，图标等），而在ui的css中，则需要定义构建widget结构的css， 比如margin，padding，position等。在开发widget的时候也要尽量遵循这一原则，这样才能很好的利用jquery theme roller来应用样式，从而在整体上保持一致，在前面的文章中简单的 介绍了jquery css framework。下面就简单的介绍下jquery ui . 阅读全文

摘要：在没有看到这篇 文章之前，21视频教程网编辑一直不知道原来bind也可以有命名空间。事实上，我看完这篇文章后，再去翻了一下手册，也才发现了一点点的注释。但手册也仅仅是一句话就带 过去了。没有过多的深究，或许他认为命名空间这玩意很简单，没有必要多解释？先看手册，由于bind方法有三个参数(type,[data],fn)，所以手册上这么介绍:.bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象， 比如focus, mouseover, 和 resize，都是可以作为type参数传递进来的。jQuery还提供了一些绑定这些标准事件类型的简单方式，比如.click() 阅读全文

摘要：利用jquery的imgAreaSelect插件实现图片裁剪示例将用户上传的图片进行裁剪再保存是现在web2.0应用中常常处理的工作，现在借助jquery的imgareaselect插件再配合PHP的GD库就可以轻松的实现这个在以前来说非常棘手的功能。我们来看看它的实现步骤：1、包含进CSS文件(imgareaselect-default.css)和 jquery.imgareaselect.js文件2、html代码(要裁剪的图片元素)<img id="selectbanner" src="/pic/banner.jpg" />3、imgAr 阅读全文

摘要：Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在Aspnet中的使用，您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目，命名为JQueryUploadDemo，从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加UploadFile文件夹，用来存放上传的文件。进行完上面三步后项目的基本结构如下图:4 Default.aspx的html页的代码 阅读全文

摘要：jQuery.extend对jQuery对象的扩展，可以理解为静态方法，不需要实例jQuery就可以使用。 <script type="text/javascript"> <!-- jQuery.extend({ add: function(a, b) { return a + b; } }); alert($.add(3, 4)); //7 //--> </script>jQuery.fn.extend对jQuery元素的扩展，只能用在jQuery元素上，可以理解为普通方法。定义插件时需要返回this，以支持jQuery的链式操作。 & 阅读全文