jquery ui 的所有组件都是基于一个简单,可重用的widget。

这个widget是jquery ui的核心部分,实用它能实现一致的API,创建有状态的插件,而无需关心插件的内部转换。

$.widget( name, base, prototype )

widget一共有2或3个参数。base为可选。

这里之所以把base放在第二个参数里,主要是因为这样写代码更直观一些。(因为后面的prototype 是个代码非常长的大对象)。

阅读全文——共15269字

关于Jquery插件的编写,网上有大量的文章介绍,也可以查看这篇文章http://www.iteye.com/topic/545971,比较详细的讲述Jquery插件的编写方式。

在这里,我介绍一种更优雅的jquery插件的编写方式。看过bootstrap源码的应该都知道,bootstrap通过html dom元素的 data-xxx 属性进行初始化。废话不多,上代码:

/**

* 将插件封装在一个闭包里面,防止外部代码污染 冲突

阅读全文——共1486字

原本链接:http://addyosmani.com/blog/large-scale-jquery/

题外话:本文是我们组妹纸mousachen翻译的,这里只是转载下。

今天,我们来看一看,你可以用来构建大型企业JQ应用的端对端工具和选择。虽然jQuery是一个很出色的JS库,为开发提供了一系列设计得很好的工具,但它专注于简洁和简化DOM的操作,这意味着它不能为构建大型应用提供重要的基本结构。

jQuery为DOM操作实现跨浏览器和跨平台的兼容。除了利用JQuery的优势,你可以加上其他的工具一起组合使用,形成适用于你的大型应用的开发工具。

有的开发者认为在过去关于构建RIA(富互联网应用),Dojo、MooTools或者YUI比起只是简单地使用 jQuery,更适合用于大型JS应用,然而,我相信你使用这个方案,也不会需要花太多的成本。

阅读全文——共10429字

aptana 3 相比之前的aptana 2,在代码提示的选择上有一点改变。以前是直接到插件中心下载,然后再到editor里面打对勾的,现在应该找不到了(确切的说是换地方也换名称了) aptana studio 3使用的是PortableGit的方式进行插件扩展,如果要装插件,则需要先安装aptana 3 的PortableGit。一般安装完aptana 3 首次打开时也会提示你安装的。 如果不打算安装PortableGit,也可以直接下载。 1、先说PortableGit下安装jquery代码提示插件的方法: 依次点击 Commands > Bundle Development > Install Bundle > jQuery。 这时会开始下载jquery插件包进行安装。 然后在项目里应用jquery。 依次点击 Properties > Project Build Path > jQuery 1.6.2 然后选择 相应的Jquery库即可。 整个过程无误的话,就可以使用jquery代码提示啦。

如果无法安装,可以试试直接把安装包下载(下载地址:https://github.com/aptana/javascript-jquery.ruble),然后放到目录:C:\Users\【用户名】\Aptana Rubles\javascript-jquery.ruble\ 下试试。

阅读全文——共903字

这篇文章没做翻译,反正也凑合能看懂吧。大概看看图,需要的话点击进去看具体插件介绍。

个人感觉这50个插件,有部分还是很不错的。留下做个标记以后好找。呵呵~~

Colorful Sliders With jQuery & CSS3

In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect. The techniques presented here – for creating sliders, and CSS dynamic resizable bars, can be used together or in part for powering all sorts of jQuery goodness.

阅读全文——共10315字