三人行

解决Google首页可以打开却无法搜索的方法!

49Degree — Tue, 30 Mar 2010 15:45:42 +0000

在Google首页右上角的“设置 – 搜索设置”，选择“不在搜索框内提供查询建议”。

原因请看:http://www.williamlong.info/archives/2131.html

但是这样有个缺点，搜索建议没有了… 大家还是翻墙上吧

几个高清MV(非卡拉OK字幕版)下载网站

49Degree — Fri, 19 Feb 2010 08:42:04 +0000

转自VeryCD:http://www.verycd.com/groups/mv/735344.topic

http://www.yinyuetai.com/index.do 音悦台，可以在线看和下载挺不错的网站；
http://bbs.wissky.com/f136-1.html 志者天下论坛MV版块，专注于DVDrip，MP4,PSP的高清MV；
http://sharemtv.com/ Sharemtv下载站，致力高清MV，数量庞大，不过很多网盘下载，好多MV是可遇不可求；
http://ruhuamtv.5d6d.com/ 如花MTV论坛，与sharemtv差不多，会有自己独有的资源；
http://www.mvmatrix.com/ 音乐阵列
http://www.colashare.net/ 可乐晒

快速融入新团队的一点个人体会(转)

49Degree — Thu, 03 Dec 2009 01:51:12 +0000

原文:http://www.cnblogs.com/guilin_gavin/archive/2009/12/01/1614607.html

（1）熟悉公司的办公环境：包括自己所在团队，办公接口人、IT接口人等。

（2）收集团队内的可用资源：包括公共服务器，项目相关文档，协作方式，联系方式等。

（3）了解自己的工作职责：主要是向PM了解自己今后的工作内容，并概要了解自己参与的项目情况。

（4）向“指导员”询问自己的工作内容和要点：主要是更加细致地询问一些自己工作内容方面的重点。

（5）浏览项目组共享文件：主要是项目相关的一系列文档，了解这些文档的内容性质即可。

（6）登陆测试环境，熟悉操作流程：主要关注自己负责的内容。

（7）察看系统源码，熟悉层次架构：主要是整体上对架构进行熟悉，同时察看一下数据库整体结构。

（8）察看自己负责部分内容的源码，熟悉具体应用及调用层次方面的关系以及数据库对应关系和表结构等内容：要细致地看，并总结一些团队规范。

（9）对7和8中的一些新的技术内容，自己要进行快速学习掌握：达到能够理解具体应用和简单示例的程度。

（10）接手负责内容，并尝试做一些bug修正和新内容添加方面的工作：主要还是以维护为主。

Jquery插件(经典)

yymoth — Tue, 03 Nov 2009 03:58:19 +0000

超强1000个jquery极品插件！（连载中。。。。最近更新20090710）

花N长时间积累的Jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。

感谢大家的支持。

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

accordion类

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

基于jQuery开发，非常简单的水平方向折叠控件。

Horizontal accordion: jQuery

热点图书：www.hotbook.cn
jQuery-Horizontal Accordion

具有XBOX360 blade界面风格的水平方向Accordion。

jQuery-Horizontal Accordion
jQuery plugin: Accordion

用于创建折叠菜单的jQuery插件。

jQuery plugin: Accordion
热点图书：www.hotbook.cn
Accordion Menu script

基于jQuery开发的可折叠菜单。

Accordion Menu script
热点图书：www.hotbook.cn
jQuery.combobox

jQuery.combobox是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。

jQuery.combobox

热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

autocomplate类

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

jQuery插件易于集成到现在的表单中(Form)。

AutoComplete-JQuery

Facebook like Autocomplete

基于jQuery开发，类似于FaceBoox提供的AutoCompleter。

Facebook like Autocomplete

jQuery Autocomplete Mod

jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。

jQuery Autocomplete Mod

jqac

基于Jquery开发的Autocomplete插件。具有易于使用，配置简单，既可以利用Ajax读取数据也可以直接从本地获取数据。

jqac

热点图书：www.hotbook.cn
jQuery Tag Suggestion

类似于del.icio.us提供的tag suggesting功能。

jQuery Tag Suggestion

Autocomplete-jQuery ajax

利用 jQuery(Ajax)，PHP和MySQL开发的AutoCompleter。

Autocomplete-jQuery ajax

jQuery.Suggest

跨浏览器支持，基于jQuery开发的Autocomplete library。

jQuery.Suggest

Autocomplete- jQuery plugin

一个jQuery Autocompleter，提供缓存选项来限制对服务器的请求。

Autocomplete- jQuery plugin

jQuery plugin: Autocomplete

自动完成输入框值让用户能够快速查找和过滤某些值。

jQuery plugin: Autocomplete

jSuggest

模仿Google Suggest功能的AutoComplete jQuery插件。

jSuggest

jQuery Live Ajax Search Plug-in

采用jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用CSS自定义，内容展示是一个HTML页面。

jQuery Live Ajax Search Plug-in

ddcombobox

带AutoComplete功能的下拉选择框jQuery插件。

ddcombobox

热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

分页类

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

jQuery Pagination

jQuery分页插件

jQuery Pagination
pager jQuery plug-in

jQuery分页插件。

pager jQuery plug-in

JQuery Pager

一个利用jQuery开发的分页UI控件，可用于数据驱动的web应用程序中。

JQuery Pager

热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

提示框弹窗类

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Facebox

Facebox 是一个基于jQuery，Facebook-style的lightbox。能够展示示images，divs或者整个远程页面。

Facebox
SimpleModal

SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。

SimpleModal
jTip

jTip一个利用jQuery开发的提示工具。jTip通过HttpXMLRequest获取内容。用法简单，只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。

jTip

BetterTip

一个可以自定义Tooltip的jQuery插件。基于jTip，但比它来得更加灵活。

BetterTip

clueTip

clueTip这个jQuery插件方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时，它的内容将变成clueTip的标题。clueTip中显示的内容可以通过Ajax获取，也可以从当前页面中的元素中获取。

clueTip

jQuery lightBox plugin

一个简单，强大基于jQuery开发的lightBox控件。

jQuery lightBox plugin

jQuery Impromptu

用于创建模式对话框，确认对话框，输入内容对话框的jQuery插件。

jQuery Impromptu
jQuery.UI Messenger”Outlook like message notification Widget

这个jQuery.UI控件类似于Messenger”Outlook消息弹出提醒框。

jQuery.UI Messenger”Outlook like message notification Widget

FancyBox

基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该Lightbox除了能够展示图片之外，还可以展示iframed内容，通过CSS自定义外观。

FancyBox

Coda Popup Bubbles

采用jQuery开发，类似“冒泡”效果的提醒弹出框。

Coda Popup Bubbles

jGrowl

jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac　OSX系统中Growl事件通知框架。

j Grow l

jqWindowsEngine

这个jQuery插件能够帮助你轻松创建Ajax Windows。

jqWindowsEngine

jQuery Alert Dialogs

这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。

jQuery Alert Dialogs
BeautyTips

BeautyTips是一个jQuery Tooltip插件.

BeautyTips

热点图书：www.hotbook.cn

Facebook/Xiaonei 风格模态框
效果图:

简介:
使用 div, table 和 opacity 效果实现模态框效果…
导航:
详细介绍 | 在线演示

热点图书网：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

编辑器类

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

jwysiwyg

WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。

jwysiwyg

Damn Small Rich Text Editor

基于jQuery开发，能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能，可设置文本编辑区大小，Ajax上传图片等。

Damn Small Rich Text Editor

热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

表格类

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Flexigrid

Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。

Flexigrid
Ingrid

这个jQuery DataGrid提供的功能有：可以拖动调整列宽，分页，排序，设置行/列样式等。

Ingrid
jQuery Grid

jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能，添加、编辑、删除和搜索表中记录，支持多种数据类型输入：XML，JSON，Array等，多行选择，支持子表格，集成日期选择控件等等。

Demo

jQuery Grid
tableHover

tableHover一个jQuery插件当鼠标经过时，能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。

tableHover

JQuery.Resizer

一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。

JQuery.Resizer

tablesorter

tablesorter 这个jQuery插件能够将带THEAD与TBODY标签的标准HTMLTable转换成一个可排序的表格。tablesorter能够排序多种数据类型包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序，支持二级隐藏排序，支持多种浏览器：IE6.0+、FF2+、Safari2.0+、Opera9.0+。

tablesorter
csv2table

csv2table这个插件能够将CVS文件（利用Excel创建）的内容转换成HTML Table。

jQuery表格排序插件，点击表格中对应列的头部单元，表格立即重新排序。

Tablesorter | Demo

csv2table
tableFormSynch

tableFormSynch 是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括：基于表单中的数据，新增行。删除所选择行，并清除表单中的所有数据。 tableFormSynch支持所有表单控件包括：checkboxes、radio、buttons 与标签挡住。

Superfish

accordion menu

Accordion风格的jQuery菜单。

accordion menu
CSS Dock Menu

采用jQuery+CSS实现，仿Mac Dock Menu的一个导航菜单。

CSS Dock Menu

CheckTree

带Checkbox的树型jQuery插件。

CheckTree
idTabs

idTabs是一个能够创建简单到复杂Tab控件的jQuery插件。支持动态添加和选择Tab，idTabs能够绑定到不同的事件如mouseover。

idTabs
jQuery Context Menu

jQuery Context Menu是一个右键菜单插件。通过非常少的设置就能够轻松实现右键菜单功能。

jQuery Context Menu
jQuery Right-click

这个插件能够让你使用jQuery来捕获由鼠标右键触发的事件。这些事件包括：click、mouseup、mousedown。

jQuery Right-click

jQuery Multi Level CSS Menu

这是一个多级水平CSS菜单，利用规则嵌套的HTML列表标签创建。当子菜单靠近窗体右边缘时，将自动调整展示方面。

jQuery Multi Level CSS Menu

ListNav

ListNav是一个用于创建按字母顺序分类导航的jQuery插件。

ListNav

Simpletip

Simpletip是一个基于jQuery开发的Tooltips控件。Tooltips可以附在任意元素（标签）之上。并定制展示方式与位置。tooltips可以是静态，动态或通过Ajax加载。

Simpletip

Smooth Navigation Menu

Smooth Navigation Menu是一个采用jQuery开发，基于CSS的多层级网站导航菜单。菜单项的内容既可以直接从当前页面中获取，也可以从一个外面文件或通过Ajax获取。

Smooth Navigation Menu
jdMenu

jdMenu是用于创建水平/垂直分层下拉菜单的jQuery插件.支持通过Ajax加载菜单项，自定义动画效果，易于定制外观，支持相对(relative)与绝对(absolute) 定位等。

jdMenu

jqDock

这是一个能够将一组图片转换成类似于Mac风格鱼眼菜单(Dock Menu)的jQuery插件。菜单可以是水平方向或垂直方向。

jqDock

Animated Menu using jQuery

A technique for animating menu items when a user hovers over them. Source files, including the PSD file, are available to download.

View Demo Page

Garagedoor Effect using jQuery

Gaya Kessler presents a wonder JavaScript menu that mimics the real garage door using jQuery.

View Demo Page

JGlide Menu

A very unique menu that floats on the page. Users can drag it to a position they desire.

View Demo Page

Vertical Sliding jQuery Menu

HVDesigns presents a menu that drops down and reveals more links.

View Demo Page

LavaLamp

When you hover an item, you’ll see the CSS sliding door technique created using jQuery. An alternate version for MooTols can be here.

11. Sliding JavaScript Menu Highlight

This sliding hover effect script is an easy technique for highlighting menu items.

12. Fading Menu – Replacing Content

This technique allows you to fade in and fade out menu items.

View Demo Page

13. Simple Multi-level Drop-Down Menu

A simple JavaScript drop down menu tutorial.

14. Using jQuery for Background Image Animations

A technique for creating animated menus using jQuery and CSS background-position properties.

View Demo Page

Tabpanel – jerichotab
效果图:

简介:
jerichoTab是一款模拟 firefox 标签页的插件, 通过丰富的API可以轻松的实现动态添加, 删除, 激活tab, 当tab页过多时会在左右两段增加滚动条…
导航:
详细介绍 | 在线演示

热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

验证类热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

jQuery plugin: Validation

jQuery校验插件。

jQuery plugin: Validation
Masked Input Plugin

Masked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)。

Masked Input Plugin

jQuery password strength meter

用于检测密码强度的jQuery插件。

jQuery password strength meter

jVal

jQuery表单校验插件。

jVal

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

图表类热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Flot

Flot一个纯javascript绘画库，基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。

Flot
jQchart

基于Canvas+jQuery，可拖放/交互的简单图形控件。

jQchart

jquery.sparkline

这是一个用于生成迷你型线状图的jQuery插件。

jquery.sparkline

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Form相关类

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

jNice

创建自定义外观的Form元素，功能与正常的Form元素相似。

jNice

jQuery calculate

jQuery计算插件，提供一些常用的数学计算功能比如：Sum、Average、Min、Max等。

jQuery calculate

jQuery select box

模仿HTML select box实现功能的一个下拉菜单。

jQuery select box
prettyCheckboxes

一个简单的jQuery插件用于定制checkboxe和radio按纽的外观。

prettyCheckboxes
jGrow

jGrow这个jQuery插件能够让textarea根据文本的长度自动调整它的大小。

jGrow

jQuery Form Plugin

为表单(Form)提供全面Ajax支持，包括文件上传功能的jQuery插件。提供的方法/功能包括：ajaxForm、ajaxSubmit、 formToArray、formSerialize、fieldSerialize、fieldValue、clearForm、 clearFields、resetForm。这些方法能够让你轻松地管理Form中的数据和Form无刷新提交。

jQuery Form Plugin

mcDropdown jQuery Plug-in

mcDropdown是一个独特的UI控件，它能够让用户在一个复杂分级的树形下拉选项中进行选择。

mcDropdown jQuery Plug-in

Create A Slider From A Select Box

这是一个漂亮的jQuery插件能够自动将select boxes转换成一个sliders控件。

Create A Slider From A Select Box

TextArea Resizer

这个jQuery插件提供Resizer bar可拖动调整TextArea大小。

TextArea Resizer

jQuery MultiSelect

jQuery MultiSelect是一个可配置的jQuery插件。它将普通的列表框表单控件转换成带有CheckBox的下拉列表控件。

jQuery MultiSelect
Editable(jQuery Editable Plugin)

这是一个真正可定制的jQuery editableplugin。当前它能够将任意不可编辑的标签（span、div、p…等）转换成可编辑的textinput、password、 textarea、下拉列表（drop-downlist）等标签。你可以利用它的editableFactory对象来扩展添加自己所需的input type。

Editable(jQuery Editable Plugin)

NicejForm

NiceJForm 是一个拥有完美外形的表单，它是基于jquery库的，NiceJForms实际上是个jquery插件，用来使表单看起来更为美观。这不是最终版本，我知道可以通过多种途径改良它的脚本，但是至少，这是一个可以使用的稳定版本。非常感谢Lucian Slatineanu发布的NiceJForm，在他的blog中你可以获得更多信息。
在IE6，IE7，Firefox2.0中测试成功。

NicejForm

jScrollPane

jScrollPane这个jQuery插件可以让你通过简单的CSS设置就能够替换所有分块元素在浏览器中默认的垂直滚动条样式。

jScrollPane

利用jQuery制作类似skype的按钮效果.

演示：
http://www.cssrain.cn/demo/skypebuttons/SkypeButton.html
http://www.cssrain.cn/demo/skypebuttons/SkypeButton2.html

jCheckbox:
效果图:

简介:
jCheckbox用于模拟checkbox的效果, 方便开发人员自定义外观, 由于所有的属性都绑定到目标checkbox, 所以不必担心状态保存或取值的问题…
导航:
详细介绍 | 在线演示

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

上传类热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

jqUploader

结合Javascript与Flash开发，拥有上传进度条的文件上传控件。

jqUploader

jQuery Multiple File Upload Plugin

多文件上传插件（jQuery.MultiFile）能够让用户一次性选择多个要上传的文件。此外该插件还提供一些基本的校验功能比如：文件扩展名校验。

jQuery Multiple File Upload Plugin

jQuery: Ajax file upload

Ajax文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外，可以使用任何元素（图片，文字，按纽等）来触发文件选择窗口。

jQuery: Ajax file upload

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

时间日期类热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

jQuery UI Datepicker

基于jQuery开发的日期选择控件。

jQuery UI Datepicker

Date Picker

Date Picker一个采用jQuery开发的日期选择控件。支持同时显示多个月份日历，标记特殊日期，易于通过CSS定制外观，自定义周的第一天，自定义月份和星期的显示名称。

Date Picker

Date Range Picker

基于jQuery UI1.6与jQuery UI CSS框架开发的日期选择控件。

Date Range Picker

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

圆角类热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

jQuery Corner

不需要图片就能够创建各种圆角形状的jQuery插件。

jQuery Corner

JQuery Curvy Corners

用于创建圆角的jQuery插件。压缩之后大小只有9k。

JQuery Curvy Corners

jQuery Corner

更多圆角效果的jQuery插件。

jQuery Corner

jQuery Corners

这是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签。

jQuery Corners

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

评价类热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

jQuery Ajax Rater Plugin

能够动态创建Ajax Rater的jQuery插件。

jQuery Ajax Rater Plugin

Star Rating widget

采用jQuery框架开发的评价控件。

Star Rating widget

jQuery Star Rating Plugin

Star Rating Plugin是一个基于一组radio input boxes实现的星形评价控件。

jQuery Star Rating Plugin

Ajax Poll

利用jQuery的Ajax和动画效果并给合PHP开发的投票系统。

Ajax Poll

jQuery 投票调查组件

主要功能:

测试答题框

可作心理测试等测试题使用

问题和选项通过questions.xml设置

显示当前得分

显示当前答题进度

可作翻看选过的选项

通过不同的得分调取不同结果内容

DEMO 地址静态版本

DEMO 地址 XML 版本

文件打包下载

下面是装载XML 版本的代码完整的代码请打包下载

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

虚拟键盘类

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

在进行一些高安全性 Web 设计时，为了用户输入表单信息的安全，往往不希望用户直接通过实体鼠标进行操作，而是提供额外的 Web 虚拟鼠标来帮助用户完全某些隐私表单内容的输入，所以，就用到了本文提及的3个 JavaScript 安全虚拟键盘插件。

自定义 jQuery 虚拟小键盘插件 plugin

jQuery 小键盘 是一个用于创建安全表单输入的插件工具，提供友好的键盘界面接口。使得可以仅允许用户输入数字、字母等限制性操作。

jQuery 虚拟键盘

一个创建 jQuery 虚拟键盘的学习向导，教你一步一步地创建自己的jQuery 虚拟键盘，而且必须得 JavaScript 脚本可以免费下载。安全性高的 Web 虚拟键盘在金融类网站的和要求高安全性的表单操作中应用非常广泛。所以，学会如何编写一个优秀的Web 安全虚拟键盘非常有用。

Virtual keyboard 虚拟键盘

虚拟键盘被广泛应用在极高级别的网站开发中，包括在线银行类网站应用等。Virtual keyboards 能帮助我们防止键盘操作记录，阻止用户进行某些特殊按键的限制操作， virtual keyboard 使用简单，支持多种语言。

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

其它类热点图书：www.hotbook.cn

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

jquery-aop

为 JavaScript增加面向方面编程特性的jQuery插件。它能给任何函数添加Advices(Before、与Around)。

jquery-aop

xmlObjectifier

基于jQuery开发，能够把XML DOM转换成 JSON的JavaScript library。

xmlObjectifier

JQuery Portlets

这个jQuery插件提供一些Portlets功能包括：drag/drop，expand，collapse等。

JQuery Portlets

EasyDrag jQuery Plugin

这个jQuery Plugin能够为大部DOM元素添加拖放功能。

EasyDrag jQuery Plugin

Drag and Drop:
效果图:

简介:
dragndrop为开发人员实现dom拖拽提供了更简单的方法, 并可以监视对象dom的位置以便进行数据(position)存储…
导航:
详细介绍 | 在线演示

Resizable:
效果图:

简介:
resizable插件使html dom resize更易于实现(这句话真别扭)…
导航:
详细介绍 | 在线演示

jFeed

jFeed是一个基于jQuery开发的RSS/ATOM Feed解析器。 jFeed能够解析RSS0.91、0.92、1.0、2.0和Atom1.0 Feeds。

jFeed
jQuery.UI ProgressBar Widget

采用jQuery开发的进度条控件。

jQuery.UI ProgressBar Widget

JQuery Progress Bar

基于jQuery开发的进度条控件。在其网站上提供一个可以显示文件上传进度的例子，服务器端采用PHP处理。

JQuery Progress Bar

jQuery Form Plugin

jTemplates

基于jQuery开发的javascript模板引擎。

jTemplates

Animated Collapsible DIV

为任何DIV层添加Web2.0风格的动画隐藏/显示效果。

Animated Collapsible DIV
Simple Effects Plugins

jQuery特效插件，可以实现收缩，隐藏，显示，淡入/淡出和上下滑动效果等．

Simple Effects Plugins

jQuery.Hotkeys plugin

这个jQuery插件能够帮助你快速创建键盘触发事件。支持任意组合键。

jQuery.Hotkeys plugin

jMP3

jMP3是一个采用jQuery开发的JavaScript MP3插放器，提供一种可以在页面上直接播放MP3的简便方式。

jMP3

Pure

Pure是一个基于jQuery开发，能够动态生成HTML的JavaScript模板引擎。支持JSON数据。

Pure
Chain.js

Chain.js是一个提供数据绑定功能的jQuery插件。用于自动生成Web内容，有利于数据与表现相分离。

Chain.js

ppDrag

ppDrag是一个让页面元素拥有拖移（Drag&Drop）效果的jQuery插件。

ppDrag

jqDnR

jqDnR一个轻量级jQuery插件能够让你拖拽任何元素、调整元素大小。

jqDnR

Scroll Follow

Scroll Follow是一个简单的jQuery插件。当滚动页面时，能够让DOM对象产生浮动跟随效果。

Scroll Follow

jQuery Taconite Plugin

这个jQuery插件能够利用单个Ajax调用结果同时更新多个DOM对象。

jQuery Taconite Plugin

jQuery URL Parser

用于解析URLs字符串的jQuery插件。方便你获取协议,主机,端口,查询参数,文件名,路径等。

jQuery URL Parser

jQuery.xml2json

jQuery.xml2json是一个能够将简单的XML转换成JSON对象的jQuery插件。

jQuery.xml2json

Ajaxify

Ajaxify这个jQuery插件能够将一个页面中的所有链接转换成Ajax加载和提交请求。

Ajaxify

热点图书：www.hotbook.cn

jQuery Address – Deep linking plugin。

从 CssRain.cn 作者：cssrain@gmail.com(admin)

类似于瞄点技术( url#address )，使得浏览器的后退按钮生效。在Ajax应用中，可以使用。

演示：
http://www.asual.com/jquery/address/samples/tabs/
http://www.asual.com/jquery/address/samples/api/

下载：
http://www.asual.com/jquery/address/

热点图书：www.hotbook.cn

quickSearchquickSearch，顾名思义是一个jQuery驱动的快速搜索插件，Ajax显示搜索结果。

quickSearch | Demo

花N长时间积累的Jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。

感谢大家的支持。

JavaMail(转)

yymoth — Sun, 01 Nov 2009 14:10:11 +0000

SMTP:简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)由RFC821定义,它定义了发送邮件的机制,在JavaMail环境中,基于JavaMail的程序将和因特网服务供应商ISP(internet Service Provider ’ s)SMTP服务器通信.SMTP服务器会中转消息给接收方SMTP服务器以便最终让用户经由POP或者IMAP获得.

POP:代表邮局协议(Post Office Protocol).目前的版本是3.所以一般都称之为POP3.这个协议是由RFC1939定义的.POP是一种机制,因特网上多大数用户用它得到邮件.它规定每个用户一个邮箱的支持.使用POP协议的时候,用户的许多性能并不是由POP协议支持的,如查看几封新邮件消息这个功能,这些功能内建在如Eudora或MicrosoftOutlook之类的程序中,它们记住一些事.所以在用JavaMail的时候,如果你想要这些信息,你就必须自己算了.

IMAP:是更高级的用户接收消息的协议,被定义在RFC2060中,IMAP代表因特网消息访问协议(Internet Message Access Protocol),目前用的版本是4,所以也叫做IMAP4.在用到IMAP的时候,邮件服务器必须支持这个协议,不能仅仅把使用POP的程序用于IMAP,并指望它支持IMAP所有性能.

MIME:是因特网邮件扩展标准(Multipurpose Internet Mail Extensions).它不是邮件传输协议,但是对于传输的内容的消息,附件以及其他的内容定义了格式.可以理解成一个定义合适的标准.

NNTP:因为JavaMail将供应商和所有其它的东西分开了,您就能轻松添加额外的协议支持.NNTP 就是网络新闻传输协议.

JavaMailAPI可以到 http://java.sun.com/products/javamail/index.html 进行下载,并将mail.jar添加到classpath即可.

JAF框架可以到 http://java.sun.com/products/javabeans/glasgow/jaf.html 进行下载,并将activation.jar添加到classpath即可.

如果实用J2EE就没由什么特定非要用基本的JavaMailAPI了.J2EE的类就能处理了.只要确保j2ee.jar文件在classpath中就Ok了.

下面我用一个最简单的例子还演示第一条消息的发送.

1,获取系统Properties.

Properties props = System.getProperties();

2,将您的SMTP服务器名添加到mail.smtp.host关键字的属性中.

Props.pout( “ mail.smtp.host ” ,host);

3,获取基于Properties Session对象.

Session session = Session.getDefaultInstance(props,null);

4,从Session创建一个MimeMessage.

MimeMessage message = new MimeMessage(session);

5,设置消息from域.

Message.setForm(new InternetAddress(from));

6,设置to域.

Message.addRecipient(Message.RecipientType.TO,new InternetAddress(to));

7,设置消息主题.

message.setSubject( “ HelloJavaMail ” );

8,设置消息内容.

Message.setText( “ Welcome to JavaMail ” );

9发送消息.

Transport.send(message);

10,在编译用运的时候传递MSTP服务器,from地址,to地址.

通过简单的接触了JavaMail相信大家多邮件发送也有了简单的了解和认识,下面我主要研究一下它的具体功能,也就是说具体的接口或类的含义.

Session类定义了一个基本的邮件会话,所有的其他类都是由这个session才得意生效的,Session对象用java.util.Properties对象获取信息,如邮件服务器,用户名,密码及整个应用程序中共享的其他信息.类的构造器是此有的,private.它能用getDefaultInstance()方法来共享.获取Session对象的方方法如下:

Properties props = new Properties();

Session session = Session.getDefaultInstance(props,null);

Null参数都是Authenticator对象,在这里没有使用.

对于大多数情况,共享的session已经足够用了.

Message消息类,在获得了Session对象后,就可以继续创建要发送的消息.因为Message是个抽象类,您必须用一个子类,多数情况下为java.mail.internet.MimeMessage.这个能理解成MIME类型和头的电子邮件消息.正如不同的RFC中定义的,虽然在某些头部域非ASCII字符也能被编译,但是Message头只能被限制用US-ASCII字符.要创建一个Message请将Session对象传递给MimeMessage的构造器.

MimeMessage message = newMimeMessage(session);

一旦获得消息,就可以设置各个部分了.最基本的就是setContent()方法,例如/

message.setContent( “ Hello ” , ” text/plain ” );

如果知道在实用MimeMessage,而且消息是纯文本格式,就可以用setText()方法,它只需要代表实际内容的参数.(Mime类型缺省为text/plain)

用setSubject()方法设置subject(主题);

message.setSubject( “ 主题 ” );

Address地址类,和Message一样也是一个抽象类,一旦创建了Session和Message并将内容填入消息后,就可以用Address确定信件的地址了,用javax.mail.internet.

InternetAddress类.若创建的地址只包含电子邮件地址,只要传递电子邮件地址给构造器就可以了.例如:Address address = new InternetAddress( “ it5719@163.com ” );

若希望名字挨着电子邮件现实,就可以把它传递给构造器,如下:

Address address = new InternetAddress( “ it5719@163.com ” , ” 我心依旧 ” );

需要为消息的from域和to域创建地址对象,除非邮件服务器阻止,没有什么能阻止你发送一段看上去是任何人的消息了呵呵.一旦创建address将他们域消息连接方法有两种,如要要识别发件人的就可以用setFrom()和setReplyTo方法.然后message.setFrom(address);

需要实用多个from地址的就用addFrom()方法.例子如下:

Address[] address = ,.,. ; message.addFrom(address);

若要识别消息recipient收件人,就要实用addRecipient()方法了.例如:

message.addRecipient(type,address)

Authenticator与java.net类一样,JavaMailAPI也可以利用Authentcator通过用户名密码访问受保护的资源.对于JavaMail来说,这些资源就是邮件服务器,Authentcator类在javax.mail包中.要使用Authenticator,首先创建一个抽象的子类,并从

GetPasswordAuthentication方法中返回passwordAuthentication实例,创建完成后,您必须向session注册Authenticator,然后在需要认证的时候会通知它,其实说白了就是把配置的用户名和密码返回给调用它的程序.例如:

Properties props = new properties();

Authenticator auth = new MailAuthenticator()//接口声明,创建自己新类的实例.

Session session = Session.getDefauItInstance(props,auth);

Transport消息发送传输类,这个类用协议指定的语言发送消息,通常是SMTP,它是抽象类,它的工作方式与Session有些类似,尽调用静态方法send()方法,就OK了.例如:

Transport.send(message);

或者也可以从针对协议的会话中获取一个特定的实例,传递用户名和密码.发送消息,然后关闭连接,例如:

message.saveChanges();

transport transport = session.getTreansport( “ smtp ” );//指定的协议

transport.connect(host,username,password);

transport.sendMessage(message,message.getAllRecipients());

transport.close();

如果要观察传到邮件服务器上的邮件命令,请用session.setDubug(true)设置调试标志.

Store和folder用session获取消息,与发送消息开始很相似,但是在session得到后,很可能实用用户名和密码或实用Authenticator连接到一个Store.类似于Transport,也是一样要告诉store用什么协议.例如

Store store = session.getStore( “ pop3 ” );

Store.connect(host,username,password);

连接到Store之后,接下来,获得一个folder,必须打开它就可以读取里边的消息了.

Folder folder = store.getFolder(“INBOX”);

folder.open(Folder.READ_ONLY);

Message[] message = folder.getMessages();

POP3唯一可用的文件夹就是INBOX,如果实用IMAP,还可以用其他的文件夹.

当读到了具体的message以后,就可以用getContent来获取内容,或者用writeTo()将内容写入流,getContent()方法只能得到消息内容,而writeTo()的输出却包含消息头.

System.out.println(((MimeMessage)message).getConntent());

一旦读取完毕邮件,要关闭store和folder的连接.

folder.colse(boolean);

store.colse();

传递给folder的close()方法的boolean参数表示是否清楚已删除的消息从而更新folder.

上面就是JavaMail邮件操作的基本的常用类,我觉得理解了这几个类的机制,基本就可以处理一般的邮件操作了.下面是一个我写的JavaMail实现邮件发送的代码.

首先是一个Authenticator类的实现:记录用户名和密码:

import javax.mail.*;

public class MailAuthenticator extends Authenticator

{

//******************************

//由于发送邮件的地方比较多,

//下面统一定义用户名,口令.

//******************************

public static String HUAWEI_MAIL_USER = “it5719@163.com”;

public static String HUAWEI_MAIL_PASSWORD = “密码”;

public MailAuthenticator()

{

}

protected PasswordAuthentication getPasswordAuthentication()

{

return new PasswordAuthentication(HUAWEI_MAIL_USER, HUAWEI_MAIL_PASSWORD);

}

这个类是发送邮件的类.

package com.deepdo.common.mail;

/**

* 此处插入类型说明。

* 创建日期：(2006-4-21 14:57:16)

* @author：张宏亮

import java.util.*;

import java.io.*;

import javax.mail.*;

import javax.mail.internet.*;

import javax.activation.*;

public class SendMail {

//要发送Mail地址

private String mailTo = null;

//Mail发送的起始地址

private String mailFrom = null;

//SMTP主机地址

private String smtpHost = null;

//是否采用调试方式

private boolean debug = false;

private String messageBasePath = null;

//Mail主题

private String subject;

//Mail内容

private String msgContent;

private Vector attachedFileList;

private String mailAccount = null;

private String mailPass = null;

private String messageContentMimeType =”text/html; charset=gb2312″;

private String mailbccTo = null;

private String mailccTo = null;

/**

* SendMailService 构造子注解。

public SendMail() {

super();

}

private void fillMail(Session session,MimeMessage msg) throws IOException, MessagingException{

String fileName = null;

Multipart mPart = new MimeMultipart();

if (mailFrom != null) {

msg.setFrom(new InternetAddress(mailFrom));

System.out.println(“发送人Mail地址：”+mailFrom);

} else {

System.out.println(“没有指定发送人邮件地址！”);

return;

}

if (mailTo != null) {

InternetAddress[] address = InternetAddress.parse(mailTo);

msg.setRecipients(Message.RecipientType.TO, address);

System.out.println(“收件人Mail地址：”+mailTo);

} else {

System.out.println(“没有指定收件人邮件地址！”);

return;

}

if (mailccTo != null) {

InternetAddress[] ccaddress = InternetAddress.parse(mailccTo);

System.out.println(“CCMail地址：”+mailccTo);

msg.setRecipients(Message.RecipientType.CC, ccaddress);

}

if (mailbccTo != null) {

InternetAddress[] bccaddress = InternetAddress.parse(mailbccTo);

System.out.println(“BCCMail地址：”+mailbccTo);

msg.setRecipients(Message.RecipientType.BCC, bccaddress);

}

msg.setSubject(subject);

InternetAddress[] replyAddress = { new InternetAddress(mailFrom)};

msg.setReplyTo(replyAddress);

// create and fill the first message part

MimeBodyPart mBodyContent = new MimeBodyPart();

if (msgContent != null)

mBodyContent.setContent(msgContent, messageContentMimeType);

else

mBodyContent.setContent(“”, messageContentMimeType);

mPart.addBodyPart(mBodyContent);

// attach the file to the message

if (attachedFileList != null) {

for (Enumeration fileList = attachedFileList.elements(); fileList.hasMoreElements();) {

fileName = (String) fileList.nextElement();

MimeBodyPart mBodyPart = new MimeBodyPart();

// attach the file to the message

FileDataSource fds = new FileDataSource(messageBasePath + fileName);

System.out.println(“Mail发送的附件为：”+messageBasePath + fileName);

mBodyPart.setDataHandler(new DataHandler(fds));

mBodyPart.setFileName(fileName);

mPart.addBodyPart(mBodyPart);

}

msg.setContent(mPart);

msg.setSentDate(new Date());

}

/**

* 此处插入方法说明。

public void init()

{

}

/**

* 发送e_mail，返回类型为int

* 当返回值为0时，说明邮件发送成功

* 当返回值为3时，说明邮件发送失败

public int sendMail() throws IOException, MessagingException {

int loopCount;

Properties props = System.getProperties();

props.put(“mail.smtp.host”, smtpHost);

props.put(“mail.smtp.auth”, “true”);

MailAuthenticator auth = new MailAuthenticator();

Session session = Session.getInstance(props, auth);

session.setDebug(debug);

MimeMessage msg = new MimeMessage(session);

Transport trans = null;

try {

fillMail(session,msg);

// send the message

trans = session.getTransport(“smtp”);

try {

trans.connect(smtpHost, MailAuthenticator.HUAWEI_MAIL_USER, MailAuthenticator.HUAWEI_MAIL_PASSWORD);//, HUAWEI_MAIL_PASSWORD);

} catch (AuthenticationFailedException e) {

e.printStackTrace();

System.out.println(“连接邮件服务器错误：”);

return 3;

} catch (MessagingException e) {

System.out.println(“连接邮件服务器错误：”);

return 3;

}

trans.send(msg);

trans.close();

} catch (MessagingException mex) {

System.out.println(“发送邮件失败：”);

mex.printStackTrace();

Exception ex = null;

if ((ex = mex.getNextException()) != null) {

System.out.println(ex.toString());

ex.printStackTrace();

}

return 3;

} finally {

try {

if (trans != null && trans.isConnected())

trans.close();

} catch (Exception e) {

System.out.println(e.toString());

}

System.out.println(“发送邮件成功！”);

return 0;

}

public void setAttachedFileList(java.util.Vector filelist)

{

attachedFileList = filelist;

}

public void setDebug(boolean debugFlag)

{

debug=debugFlag;

}

public void setMailAccount(String strAccount) {

mailAccount = strAccount;

}

public void setMailbccTo(String bccto) {

mailbccTo = bccto;

}

public void setMailccTo(String ccto) {

mailccTo = ccto;

}

public void setMailFrom(String from)

{

mailFrom=from;

}

public void setMailPass(String strMailPass) {

mailPass = strMailPass;

}

public void setMailTo(String to)

{

mailTo=to;

}

public void setMessageBasePath(String basePath)

{

messageBasePath=basePath;

}

public void setMessageContentMimeType(String mimeType)

{

messageContentMimeType = mimeType;

}

public void setMsgContent(String content)

{

msgContent=content;

}

public void setSMTPHost(String host)

{

smtpHost=host;

}

public void setSubject(String sub)

{

subject=sub;

}

public static void main(String[] argv) throws Exception

{

for(int i = 0;i<10;i++) {

SendMail sm = new SendMail();

sm.setSMTPHost(“SMTP地址”);

sm.setMailFrom(“发送地址”);

sm.setMailTo(“目标地址”);

sm.setMsgContent(“内容”);

sm.setSubject(“标题”);

sm.sendMail();

}

JQuery对象和DOM对象互转

yymoth — Thu, 29 Oct 2009 15:19:20 +0000

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法，但是不能使用DOM的方法；例如

Js代码

$(”#img”).attr(”src”,”test.jpg”);

$(”#img”).attr(”src”,”test.jpg”);

这里的$(”#img”)就是jQuery对象；

DOM对象就是Javascript固有的一些对象操作。DOM对象能使用Javascript固有的方法，但是不能使用jQuery里的方法。例如：

Js代码

document.getElementById(”img”).src=”test.jpg”;

document.getElementById(”img”).src=”test.jpg”;

这里的d

Js代码

ocument.getElementById(”img”)

ocument.getElementById(”img”)

就是DOM对象；

Js代码

$(”#img”).attr(”src”,”test.jpg”);

$(”#img”).attr(”src”,”test.jpg”);

和

Js代码

document.getElementById(”img”).src=”test.jpg”;

document.getElementById(”img”).src=”test.jpg”;

是等价的，是正确的，但是

Js代码

$(”#img”).src=”test.jpg”;

$(”#img”).src=”test.jpg”;

或者

Js代码

document.getElementById(”img”).attr(”src”,”test.jpg”);

document.getElementById(”img”).attr(”src”,”test.jpg”);

都是错误的。
在说一个例子：就是this，我在写jQuery的时候经常这样写：

Js代码

this.attr(”src”,”test.jpg”);

this.attr(”src”,”test.jpg”);

可是就是出错。其实this是DOM对象，而.attr(”src”,”test.jpg”) 是jQuery方法，所以出错了。要解决这个问题就要将DOM对象转换成jQuery对象，例如

Js代码

$(this).attr(”src”,”test.jpg”);

$(this).attr(”src”,”test.jpg”);

1.DOM对象转成jQuery对象:
对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象)
如：

Js代码

var v=document.getElementById(”v”); //DOM对象
var $v=$(v); //jQuery对象

var v=document.getElementById(”v”);  //DOM对象
var $v=$(v);    //jQuery对象

转换后，就可以任意使用jQuery的方法了。

2.jQuery对象转成DOM对象:
两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);
(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。
如：

Js代码

var $v =$(”#v”) ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

var $v =$(”#v”) ; //jQuery对象
var v=$v[0];    //DOM对象
alert(v.checked)   //检测这个checkbox是否被选中

(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象
如：

Js代码

var $v=$(”#v”); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

JQuery中文

yymoth — Thu, 29 Oct 2009 15:16:47 +0000

jQuery中文入门指南，

中文版译者：Keel

此文以实例为基础一步步说明了jQuery的工作方式。现以中文翻译（添加我的补充说明）如下。如有相关意见或建议请 EMAIL 告知。或者在 BLOG中留言。

英文原版：http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery ，感谢原文作者 Jörn Zaefferer 本文发布已征求原作者同意。

说明:在本教程发布之后，得到了几个网友的指正，对部分内容作了修正，但在jQuery版本不断更新的情况下，教程中的某些内容已经过时（尤其是1.3以上版本），在忠于原文的基础上，我将这部分内容加以标红的补充说明，希望更多的前端开发者能对此文提出宝贵意见，谢谢！ –2009-3-10

另外我认为在学习过程中,有两个API文档你要打开随时查看:

http://api.jquery.com/ [注：已更新为jquery新地址]
http://visualjquery.com/

如果想了解更多jQuery及插件信息，可访问本站首页.

以下部分为原文翻译:

jQuery入门指南教程

这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。这个指南包括了很多代码，你可以copy它们，并试着修改它们，看看产生的效果。

内容提要

安装

一开始,我们需要一个jQuery的库,最新的下载可以到这里找到。这个指南提供一个基本包含实例的包供下载.

下载：jQuery Starterkit

(译者Keel注:一定要下载这个包，光看文章不实践肯定是不行的。)

下载后解压缩，然后用你最喜欢的文本编辑器打开starterkit.html和custom.js这两个文件。(译者Keel注:这两个就是例子文件,所有的例子都用这两个例子作出,custom.js写jQuery代码,starterkit.html观察效果.建议用editPlus打开)

现在,我们就已经做好了一切准备来进行这个著名的”Hello world”例子.

本章的相关链接:

Hello jQuery

在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了:

$(document).ready(function() {
	// do stuff when DOM is ready
});

放一个简单的alert事件在需要等DOM完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时显示一个alert.

$(document).ready(function() {
	$("a").click(function() {
		alert("Hello world!");
	});
});

这样在你点击页面的一个链接时都会触发这个”Hello world”的提示。

(译者Keel注:请照此代码修改custom.js并保存,然后用浏览器打开starterkit.html观察效果。)

让我们看一下这些修改是什么含义。$(“a”) 是一个jQuery选择器(selector),在这里，它选择所有的a标签（译者Keel注：即），$号是 jQuery “类”(jQuery “class”)的一个别称，因此$()构造了一个新的jQuery 对象(jQuery object)。函数 click() 是这个jQuery对象的一个方法，它绑定了一个单击事件到所有选中的标签(这里是所有的a标签),并在事件触发时执行了它所提供的alert方法.

这里有一个拟行相似功能的代码:

Link

不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像我们使用CSS追求的一样.

下面我们会更多地了解到选择器与事件.

本章的相关链接:

Find me:使用选择器和事件

jQuery提供两种方式来选择html的elements，第一种是用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器（如：$(“div > ul a”)）；第二种是用jQuery对象的几个methods(方法)。这两种方式还可以联合起来混合使用。

为了测试一下这些选择器，我们来试着在我们starterkit.html中选择并修改第一个ordered list.

一开始，我们需要选择这个list本身，这个list有一个ID叫“orderedlist”，通常的javascript写法是document.getElementById(“orderedlist”).在jQuery中，我们这样做：

$(document).ready(function() {
	$("#orderedlist").addClass("red");
});

这里将starterkit中的一个CSS样式red附加到了orderedlist上(译者Keel注：参考测试包中的css目录下的core.css，其中定义了red样式)。因此，在你刷新了starterkit.html后，你将会看到第一个有序列表(ordered list )背景色变成了红色，而第二个有序列表没有变化.

现在，让我们添加一些新的样式到list的子节点.

$(document).ready(function() {
	$("#orderedlist > li").addClass("blue");
});

这样，所有orderedlist中的li都附加了样式”blue”。

现在我们再做个复杂一点的，当把鼠标放在li对象上面和移开时进行样式切换，但只在list的最后一个element上生效。

$(document).ready(function() {
	$("#orderedlist li:last").hover(function() {
		$(this).addClass("green");
	}, function() {
		$(this).removeClass("green");
	});
});

还有大量的类似的CSS和XPath例子，更多的例子和列表可以在这里找到。（译者Keel注：入门看此文，修行在个人，要想在入门之后懂更多，所以这段话的几个链接迟早是要必看的！不会又要翻译吧…^_^!）

每一个onXXX事件都有效，如onclick,onchange,onsubmit等，都有jQuery等价表示方法（译者Keel注：jQuery不喜欢onXXX，所以都改成了XXX，去掉了on）。其他的一些事件，如ready和hover,也提供了相应的方法。

你可以在Visual jQuery找到全部的事件列表，在Events栏目下.

用这些选择器和事件你已经可以做很多的事情了，但这里有一个更强的好东东！

$(document).ready(function() {
	$("#orderedlist").find("li").each(function(i) {
		$(this).html( $(this).html() + " BAM! " + i );
	});
});

find() 让你在已经选择的element中作条件查找,因此 $(“#orderedlist).find(“li”) 就像 $(“#orderedlist li”)一样。each()方法迭代了所有的li，并可以在此基础上作更多的处理。大部分的方法,如addClass(), 都可以用它们自己的 each() 。在这个例子中, html()用来获取每个li的html文本, 追加一些文字，并将之设置为li的html文本。（译者Keel注：从这个例子可以看到.html()方法是获取对象的html代码，而.html(‘xxx’)是设置’xxx’为对象的html代码）

另一个经常碰到的任务是在没有被jQuery覆盖的DOM元素上call一些方法，想像一个在你用AJAX方式成功提交后的reset：

$(document).ready(function() {
	// use this to reset a single form
	$("#reset").click(function() {
		$("#form")[0].reset();
	});
});

（译者Keel注：这里作者将form的id也写成了form，源文件有

，这是非常不好的写法，你可以将这个ID改成form1或者testForm，然后用$(“#form1″)或者$(“#testForm”)来表示它，再进行测试。）

这个代码选择了所有ID为”form”的元素，并在其第一个上call了一个reset()。如果你有一个以上的form，你可以这样做：

$(document).ready(function() {
	// use this to reset several forms at once
	$("#reset").click(function() {
		$("form").each(function() {
			this.reset();
		});
	});
});

（译者Keel注：请注意一定要亲自将这些代码写在custom.js中并在starterkit.html上测试效果才能有所体会！必要时要观察starterkit.html的html代码）

这样你在点击Reset链接后，就选择了文档中所有的form元素，并对它们都执行了一次reset()。

还有一个你可能要面对的问题是不希望某些特定的元素被选择。jQuery 提供了filter() 和not() 方法来解决这个问题。 filter()以过滤表达式来减少不符合的被选择项, not()则用来取消所有符合过滤表达式的被选择项. 考虑一个无序的list，你想要选择所有的没有ul子元素的li元素。

$(document).ready(function() {
	$("li").not(":has(ul)").css("border", "1px solid black");//原文为$("li").not("[ul]").css("border", "1px solid black");
});

这个代码选择了所有的li元素，然后去除了有ul子元素的li元素。刷新浏览器后，所有的li元素都有了一个边框，只有ul子元素的那个li元素例外。

（译者Keel注：请注意体会方便之极的css()方法，并再次提醒请务必实际测试观察效果，比方说换个CSS样式呢？再加一个CSS样式呢？像这样：$(“li”).not(“[ul]“).css(“border”, “1px solid black”).css(“color”,”red”);）

上面代码中的[expression] 语法是从XPath而来，可以在子元素和属性(elements and attributes)上用作过滤器，比如你可能想选择所有的带有name属性的链接:

$(document).ready(function() {
	$("a[name]").css("background-color","#eee"); //原文为“$("a[@name]").background("#eee");”在jQuery1.2及以上版本中,@符号应该去除,background方法被css方法取代
});

这个代码给所有带有name属性的链接加了一个背景色。（译者Keel注：这个颜色太不明显了，建议写成$(“a[name]“).css(“background-color”,”#eee”);） [注：在jQuery1.2及以上版本中,@符号应该去除,下文中不再说明]

更常见的情况是以name来选择链接，你可能需要选择一个有特点href属性的链接，这在不同的浏览器下对href的理解可能会不一致，所以我们的部分匹配(“*=”)的方式来代替完全匹配(“=”)：

$(document).ready(function() {
	$("a[href*=/content/gallery]").click(function() {
		// do something with all links that point somewhere to /content/gallery
	});
});

到现在为止，选择器都用来选择子元素或者是过滤元素。另外还有一种情况是选择上一个或者下一个元素，比如一个FAQ的页面，答案首先会隐藏，当问题点击时，答案显示出来，jQuery代码如下：

$(document).ready(function() {
	$('#faq').find('dd').hide().end().find('dt').click(function() {
         var answer = $(this).next();
         if (answer.is(':visible')) {
             answer.slideUp();
         } else {
             answer.slideDown();
         }
     });
});

这里我们用了一些链式表达法来减少代码量，而且看上去更直观更容易理解。像’#faq’ 只选择了一次，利用end()方法，第一次find()方法会结束(undone)，所以我们可以接着在后面继续find(‘dt’)，而不需要再写$(‘#faq’).find(‘dt’)。

在点击事件中的，我们用 $(this).next() 来找到dt下面紧接的一个dd元素，这让我们可以快速地选择在被点击问题下面的答案。

（译者Keel注：这个例子真是太酷了，FAQ中的答案可以收缩！从利用next()的思路到实现这些效果都有很多地方需要我们消化，注意 if (answer.is(‘:visible’))用法，注意answer.slideUp();不懂的地方赶紧查我在最开始提到的两个必看API文档）

除了选择同级别的元素外，你也可以选择父级的元素。可能你想在用户鼠标移到文章某段的某个链接时，它的父级元素–也就是文章的这一段突出显示，试试这个：

$(document).ready(function() {
	$("a").hover(function() {
		$(this).parents("p").addClass("highlight");
	}, function() {
		$(this).parents("p").removeClass("highlight");
	});
});

测试效果可以看到，移到文章某段的链接时，它所在的段全用上highlight样式，移走之后又恢复原样。

（译者Keel注：highlight是core.css中定义的样式，你也可以改变它，注意这里有第二个function()这是hover方法的特点，请在API文档中查阅hover，上面也有例子说明）在我们继续之前我们先来看看这一步： jQuery会让代码变得更短从而更容易理解和维护，下面是$(document).ready(callback)的缩写法：

$(function() {
	// code to execute when the DOM is ready
});

应用到我们的Hello world例子中，可以这样:

$(function() {
	$("a").click(function() {
		alert("Hello world!");
	});
});

现在，我们手上有了这些基础的知识，我们可以更进一步的探索其它方面的东西，就从AJAX开始！

本章的相关链接:

Rate me:使用AJAX

在这一部分我们写了一个小小的AJAX应用，它能够rate一些东西（译Keel注：就是对某些东西投票），就像在youtube.com上面看到的一样。

首先我们需要一些服务器端代码，这个例子中用到了一个PHP文件，读取rating参数然后返回rating总数和平均数。看一下rate.php代码.

虽然这些例子也可以不使用AJAX来实现，但显示我们不会那么做，我们用jQuery生成一个DIV容器，ID是”rating”.

$(document).ready(function() {
	// generate markup
	var ratingMarkup = ["Please rate: "];
	for(var i=1; i <= 5; i++) {
		ratingMarkup[ratingMarkup.length] = "" + i + " ";
	}
	// add markup to container and applier click handlers to anchors
	$("#rating").append( ratingMarkup.join('') ).find("a").click(function(e) {
		e.preventDefault();
		// send requests
		$.post("rate.php", {rating: $(this).html()}, function(xml) {
			// format result
			var result = [
				"Thanks for rating, current average: ",
				$("average", xml).text(),
				", number of votes: ",
				$("count", xml).text()
			];
			// output result
			$("#rating").html(result.join(''));
		} );
	});
});

这段代码生成了5个链接，并将它们追加到id为”rating”容器中，当其中一个链接被点击时，该链接标明的分数就会以rating参数形式发送到rate.php，然后，结果将以XML形式会从服务器端传回来，添加到容器中，替代这些链接。

如果你没有一个安装过PHP的webserver，你可以看看这个在线的例子.

不使用javascript实现的例子可以访问 softonic.de 点击 “Kurz bewerten!”

更多的AJAX方法可以从这里找到，或者看看API文档下面的AJAX filed under AJAX.

（译者Keel注：这个在线实例从国内访问还是比较慢的，点击后要等一会儿才能看到结果，可以考虑对它进行修改，比如加上loading，投票后加上再投票的返回链接等。此外，这个例子中还是有很多需要进一步消化的地方，看不懂的地方请参考API文档。）

一个在使用AJAX载入内容时经常发生的问题是：当载入一个事件句柄到一个HTML文档时，还需要在载入内容上应用这些事件，你不得不在内容加载完成后应用这些事件句柄，为了防止代码重复执行，你可能用到如下一个function:

// lets use the shortcut
$(function() {
	var addClickHandlers = function() {
		$("a.clickMeToLoadContent").click(function() {
			$("#target").load(this.href, addClickHandlers);
		});
	};
	addClickHandlers();
});

现在，addClickHandlers只在DOM载入完成后执行一次，这是在用户每次点击具有clickMeToLoadContent 这个样式的链接并且内容加载完成后.

请注意addClickHandlers函数是作为一个局部变量定义的，而不是全局变量(如：function addClickHandlers() {…})，这样做是为了防止与其他的全局变量或者函数相冲突.

另一个常见的问题是关于回调(callback)的参数。你可以通过一个额外的参数指定回调的方法，简单的办法是将这个回调方法包含在一个其它的function中:

// get some data
var foobar = ...;
// specify handler, it needs data as a paramter
var handler = function(data) {
  ...
};
// add click handler and pass foobar!
$('a').click( function(event) { handler(foobar); } );

// if you need the context of the original handler, use apply:
$('a').click( function(event) { handler.apply(this, [foobar]); } );

用到简单的AJAX后，我们可以认为已经非常之“web2.0”了，但是到现在为止，我们还缺少一些酷炫的效果。下一节将会谈到这些效果.

本章的相关链接:

Animate me(让我生动起来):使用FX

一些动态的效果可以使用 show() 和 hide()来表现:

$(document).ready(function() {
	$("a").toggle(function() {
		$(".stuff").hide('slow');
	}, function() {
		$(".stuff").show('fast');
	});
});

你可以与 animate()联合起来创建一些效果,如一个带渐显的滑动效果:

$(document).ready(function() {
	$("a").toggle(function() {
		$(".stuff").animate({
			height: 'hide',
			opacity: 'hide'
		}, 'slow');
	}, function() {
		$(".stuff").animate({
			height: 'show',
			opacity: 'show'
		}, 'slow');
	});
});

很多不错的效果可以访问interface plugin collection. 这个站点提供了很多demos和文档

这些效果插件是位于jQuery插件列表的前面的，当然也有很多其他的插件，比如我们下一章讲到的表格排序插件。

本章的相关链接:

Sort me(将我有序化):使用tablesorter插件(表格排序)

这个表格排序插件能让我们在客户端按某一列进行排序，引入jQuery和这个插件的js文件，然后告诉插件你想要哪个表格拥有排序功能。

要测试这个例子，先在starterkit.html中加上像下面这一行的代码：

然后可以这样调用不着:

$(document).ready(function() {
	$("#large").tableSorter();
});

现在点击表格的第一行head区域，你可以看到排序的效果，再次点击会按倒过来的顺序进行排列。

这个表格还可以加一些突出显示的效果，我们可以做这样一个隔行背景色（斑马线）效果:

$(document).ready(function() {
	$("#large").tableSorter({
		stripingRowClass: ['odd','even'],	// Class names for striping supplyed as a array.
		stripRowsOnStartUp: true		// Strip rows on tableSorter init.
	});
});

关于这个插件的更多例子和文档可以在 tablesorter首页找到.

几乎所有的特件都是这样用的:先include插件的js文件,然后在某些元素上使用插件定义的方法,当然也有一些参数选项是可以配置的

经常更新的插件列表可以从jQuery官方站 on the jQuery site找到.

当你更经常地使用jQuery时,你会发现将你自己的代码打包成插件是很有用处的,它能方便地让你的公司或者其他人进行重用.下一章我们将谈到如何构建一个自己的插件.

本章的相关链接:

Plug me:制作自己的插件

写一个自己的jQuery插件是非常容易的,如果你按照下面的原则来做,可以让其他人也容易地结合使用你的插件.

为你的插件取一个名字,在这个例子里面我们叫它”foobar”.
创建一个像这样的文件:jquery.[yourpluginname].js,比如我们创建一个jquery.foobar.js
创建一个或更多的插件方法,使用继承jQuery对象的方式,如:
```
jQuery.fn.foobar = function() {
	// do something
};
```

可选的:创建一个用于帮助说明的函数,如:

jQuery.fooBar = {
	height: 5,
	calculateBar = function() { ... },
	checkDependencies = function() { ... }
};

你现在可以在你的插件中使用这些帮助函数了:

jQuery.fn.foobar = function() {
	// do something
	jQuery.foobar.checkDependencies(value);
	// do something else
};

可选的l:创建一个默认的初始参数配置,这些配置也可以由用户自行设定,如:

jQuery.fn.foobar = function(options) {
	var settings = {
		value: 5,
		name: "pete",
		bar: 655
	};
	if(options) {
		jQuery.extend(settings, options);
	}
};

现在可以无需做任何配置地使用插件了,默认的参数在此时生效:

$("...").foobar();

或者加入这些参数定义:

$("...").foobar({
	value: 123,
	bar: 9
});

如果你release你的插件, 你还应该提供一些例子和文档,大部分的插件都具备这些良好的参考文档.

现在你应该有了写一个插件的基础,让我们试着用这些知识写一个自己的插件.

很多人试着控制所有的radio或者checkbox是否被选中,比如:

$("input[type='checkbox']").each(function() {
	this.checked = true;
	// or, to uncheck
	this.checked = false;
	// or, to toggle
	this.checked = !this.checked;
});

注：在jQuery1.2及以上版本中，选择所有checkbox应该使用 input:checkbox , 因此以上代码第一行可写为:
$(‘input:checkbox’).each(function() {

无论何时候，当你的代码出现each时，你应该重写上面的代码来构造一个插件,很直接地:

$.fn.check = function() {
	return this.each(function() {
		this.checked = true;
	});
};

这个插件现在可以这样用:

$('input:checkbox').check();

注：在jQuery1.2及以上版本中，选择所有checkbox应该使用 input:checkbox 原文为：$(“input[type='checkbox']“).check();

现在你应该还可以写出uncheck()和toggleCheck()了.但是先停一下,让我们的插件接收一些参数.

$.fn.check = function(mode) {
	var mode = mode || 'on'; // if mode is undefined, use 'on' as default
	return this.each(function() {
		switch(mode) {
		case 'on':
			this.checked = true;
			break;
		case 'off':
			this.checked = false;
			break;
		case 'toggle':
			this.checked = !this.checked;
			break;
		}
	});
};

这里我们设置了默认的参数,所以将”on”参数省略也是可以的,当然也可以加上”on”,”off”, 或 “toggle”,如:

$("input[type='checkbox']").check();
$("input[type='checkbox']").check('on');
$("input[type='checkbox']").check('off');
$("input[type='checkbox']").check('toggle');

如果有多于一个的参数设置会稍稍有点复杂,在使用时如果只想设置第二个参数,则要在第一个参数位置写入null.

从上一章的tablesorter插件用法我们可以看到,既可以省略所有参数来使用或者通过一个 key/value 对来重新设置每个参数.

作为一个练习,你可以试着将第四章的功能重写为一个插件.这个插件的骨架应该是像这样的:

$.fn.rateMe = function(options) {
	var container = this; // instead of selecting a static container with $("#rating"), we now use the jQuery context

	var settings = {
		url: "rate.php"
		// put more defaults here
		// remember to put a comma (",") after each pair, but not after the last one!
	};

	if(options) { // check if options are present before extending the settings
		$.extend(settings, options);
	}

	// ...
	// rest of the code
	// ...

	return this; // if possible, return "this" to not break the chain
});

Next steps(下一步)

如果你想做更好的javascript开发,建议你使用一个叫 FireBug的firefox插件. 它提供了断点调试(比alert强多了)、观察DOM变化等很多漂亮的功能

如果你还有未解决的问题，或者新的想法与建议，你可以使用jQuery的邮件列表 jQuery mailing list.

关于这个指南的任何事情，你可以写mail给作者或者发表评论在他的日志：blog.

关于这个指南的翻译任何事情，你可以写mail给我.或者在 BLOG中留言.

还有什么…

大大感谢John Resig创造了这么好的library! 感谢jQuery community 为John提供了如此多的咖啡和其他的一切!

中文版翻译:Keel 上次更新:2006-12-13 — 最后更新: 2009-3-10 访问本站首页

终端服务超出最大允许连接数解决办法

49Degree — Thu, 15 Oct 2009 15:12:42 +0000

转自:http://srsman.com/2009/09/terminal-services-exceed-the-maximum-allowed-number-of-connections-that-a-solution/

一般来说是Windows 2000\Windows 2003服务器的默认终端用户数设置只有2，而断开的用户如果没有设置超时时间，则会一直占用通道,当多次非注销关闭时就会出现终端服务超出最大允许连接数的提示,不能再次登陆.

临时解决办法：
在本地电脑点dos窗口运行输入： mstsc /console /v:你的服务器IP:远程端口即可继续远程连接到服务器了
比如:mstsc /console /v:61.139.33.1:3389

永久解决办法：

1、增加最大允许链接数的设置
打开管理工具里的终端服务配置，再单击连接，双击右边的RDP-Tcp，弹出RDP-Tcp属性，选择网卡，可设置最多连接数，或者设置为无限制的连接数。

2、修改会话存在时间(即过期注销)：
运行－Tscc.msc－连接－双击RDP-Tcp或右击－属性－会话－选中第一个的替代用户设置(O)－结束已断开的会话{将默认值“从不”改为一个适当的时间，比如45分钟}

精简版系统msyh.ttf引起.NET WPF程序异常的解决方法

49Degree — Fri, 09 Oct 2009 15:57:02 +0000

　　自从装了精简版的Win2008以后，VS 2008总是无法打开WPF和Sliverlight的设计模式，一直是提示msyh.ttf是无效字体，直接异常退出。

　　后面从网站上了一些msyh.ttf想替换，但Win2008 和Vista以及Win7的安全机制有所不同于XP，不允许直接替换、修改、删除msyh.ttf文件(系统都在使用当然不允许乱动了…)，直到今天发现这个字体替换工具。

先去下载Win7中提取的msyh.ttf文件再用字体替换工具来替换掉msyh.ttf文件，期间会提醒重启系统，这样VS 2008和WPF以及Sliverlight程序就可以正常使用咯。

各大域名注册商的域名和主机控制面板入口

49Degree — Mon, 14 Sep 2009 02:24:11 +0000

万网
域名控制面板：http://diy.hichina.com/cgi-bin/login
主机控制面板：http://cp.hichina.com/

ENOM
域名控制面板：http://access.enom.com

商务中国
域名控制面板：http://www.bizcn.com/domainportal

新网互联
域名控制面板：http://mgt.dns.com.cn

新网数码
域名控制面板：http://www.paycenter.com.cn/manage/management.htm

ONLINENIC中国频道
域名控制面板：http://www.dns-diy.com

中资源
域名控制面板：http://domain.cnolnic.com/

时代互联
域名控制面板：http://www.todaynic.com/domainscp/domainLogin.php

易名
域名控制面板：http://www.ename.cn

国域网
域名控制面板：http://www.66.cn/management.asp

==============================================

域名信息查询
http://whois.domaintools.com/

三人行

解决Google首页可以打开却无法搜索的方法!

几个高清MV(非卡拉OK字幕版)下载网站

快速融入新团队的一点个人体会(转)

Jquery插件(经典)

超强1000个jquery极品插件！（连载中。。。。最近更新20090710）

11. Sliding JavaScript Menu Highlight

12. Fading Menu – Replacing Content

13. Simple Multi-level Drop-Down Menu

14. Using jQuery for Background Image Animations

jQuery 投票调查组件

自定义 jQuery 虚拟小键盘插件 plugin

jQuery 虚拟键盘

Virtual keyboard 虚拟键盘

jQuery Address – Deep linking plugin。

JavaMail(转)

JQuery对象和DOM对象互转

JQuery中文

jQuery中文入门指南，

中文版译者：Keel

以下部分为原文翻译:

jQuery入门指南教程

内容提要

安装

本章的相关链接:

Hello jQuery

本章的相关链接:

Find me:使用选择器和事件

本章的相关链接:

Rate me:使用AJAX

本章的相关链接:

Animate me(让我生动起来):使用FX

本章的相关链接:

Sort me(将我有序化):使用tablesorter插件(表格排序)

本章的相关链接:

Plug me:制作自己的插件

Next steps(下一步)

还有什么…

© 2006, Jörn Zaefferer – last update: 2006-09-12

中文版翻译:Keel 上次更新:2006-12-13 — 最后更新: 2009-3-10 访问本站首页

终端服务超出最大允许连接数解决办法

精简版系统msyh.ttf引起.NET WPF程序异常的解决方法

各大域名注册商的域名和主机控制面板入口