<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>标点符 &#187; jQuery</title>
	<atom:link href="http://www.biaodianfu.com/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.biaodianfu.com</link>
	<description>编译自己的互联网生活</description>
	<lastBuildDate>Wed, 08 Feb 2012 08:42:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>nyroModal：强大的jQuery弹出层插件</title>
		<link>http://www.biaodianfu.com/nyromodal.html</link>
		<comments>http://www.biaodianfu.com/nyromodal.html#comments</comments>
		<pubDate>Sun, 23 May 2010 03:05:40 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=2149</guid>
		<description><![CDATA[nyromodal调用非常简单，只需在链接上加上class=”nyroModal”即可。 支持模拟对话框类型： ajax调用： &#60;a href=”http://nyromodal.nyrodev.com/demoSent.php” class=”nyroModal”&#62;Ajax&#60;/a&#62; ajax调用并支持抽取制定内容： 如果只需要显示页面上某一个元素，那么只需要在请求时把该元素ID号做为锚点加入请求地址中。以下代码只显示demoSent.php中ID号为UserInfo的元素，如果UserInfo不存在，则显示所有内容。 &#60;a href=”http://nyromodal.nyrodev.com/demoSent.php#UserInfo” class=”nyroModal”&#62;Ajax&#60;/a&#62; 单张图片显示（会自动缩放图片大小） &#60;a href=”http://nyromodal.nyrodev.com/img/img2.jpg” class=”nyroModal” title=”3rd Street Promenade”&#62;Image&#60;/a&#62; 具体使用方法，请看官方网站的实例。 官方网址：http://nyromodal.nyrodev.com/ Related posts: 图片验证码的识别技术 PHP类：htmlSQL 《Google API大全》图书推荐]]></description>
			<content:encoded><![CDATA[<p>nyromodal调用非常简单，只需在链接上加上class=”nyroModal”即可。</p>
<p>支持模拟对话框类型：</p>
<p><strong>ajax调用：</strong></p>
<p>&lt;a href=”http://nyromodal.nyrodev.com/demoSent.php” class=”nyroModal”&gt;Ajax&lt;/a&gt;</p>
<p><strong>ajax调用并支持抽取制定内容：</strong></p>
<p>如果只需要显示页面上某一个元素，那么只需要在请求时把该元素ID号做为锚点加入请求地址中。以下代码只显示demoSent.php中ID号为UserInfo的元素，如果UserInfo不存在，则显示所有内容。</p>
<p>&lt;a href=”http://nyromodal.nyrodev.com/demoSent.php#UserInfo” class=”nyroModal”&gt;Ajax&lt;/a&gt;</p>
<p><strong>单张图片显示（会自动缩放图片大小）</strong></p>
<p>&lt;a href=”http://nyromodal.nyrodev.com/img/img2.jpg” class=”nyroModal” title=”3rd Street Promenade”&gt;Image&lt;/a&gt;</p>
<p>具体使用方法，请看官方网站的实例。</p>
<p>官方网址：http://nyromodal.nyrodev.com/</p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/captcha-decode.html' rel='bookmark' title='图片验证码的识别技术'>图片验证码的识别技术</a></li>
<li><a href='http://www.biaodianfu.com/htmlsql.html' rel='bookmark' title='PHP类：htmlSQL'>PHP类：htmlSQL</a></li>
<li><a href='http://www.biaodianfu.com/google-api-daquan.html' rel='bookmark' title='《Google API大全》图书推荐'>《Google API大全》图书推荐</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/nyromodal.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery.Switchable一款Tabs、Slide、Scrollable整合插件</title>
		<link>http://www.biaodianfu.com/jquery-switchable.html</link>
		<comments>http://www.biaodianfu.com/jquery-switchable.html#comments</comments>
		<pubDate>Thu, 18 Mar 2010 15:37:17 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=1943</guid>
		<description><![CDATA[jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。  jQuery.Switchable能实现的功能有： 1.TAB切换功能 2.Slide幻灯片功能 3.Scrollable跑马灯 官方网址：http://ilikejquery.com/switchable/ 下载地址：http://code.google.com/p/mrzhang/downloads/list 演示地址：http://www.taobao.com Related posts: jQuery EasyInsert 插件，迅速添加表单 Google Public DNS 输入法]]></description>
			<content:encoded><![CDATA[<p><strong>jQuery.Switchable</strong>是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。</p>
<p> jQuery.Switchable能实现的功能有：</p>
<p>1.TAB切换功能</p>
<p><img class="alignnone size-full wp-image-1944" title="tabs" src="http://www.biaodianfu.com/wp-content/uploads/2010/03/tabs.png" alt="" width="357" height="91" /></p>
<p>2.Slide幻灯片功能</p>
<p><img class="alignnone size-full wp-image-1945" title="slide" src="http://www.biaodianfu.com/wp-content/uploads/2010/03/slide.png" alt="" width="472" height="157" /></p>
<p>3.Scrollable跑马灯</p>
<p><img class="alignnone size-full wp-image-1946" title="Scrollable" src="http://www.biaodianfu.com/wp-content/uploads/2010/03/Scrollable.png" alt="" width="423" height="104" /></p>
<p>官方网址：<a href="http://ilikejquery.com/switchable/">http://ilikejquery.com/switchable/</a></p>
<p>下载地址：<a href="http://code.google.com/p/mrzhang/downloads/list">http://code.google.com/p/mrzhang/downloads/list</a></p>
<p>演示地址：<a href="http://www.taobao.com">http://www.taobao.com</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/jquery-easyinsert.html' rel='bookmark' title='jQuery EasyInsert 插件，迅速添加表单'>jQuery EasyInsert 插件，迅速添加表单</a></li>
<li><a href='http://www.biaodianfu.com/google-public-dns.html' rel='bookmark' title='Google Public DNS'>Google Public DNS</a></li>
<li><a href='http://www.biaodianfu.com/shurufa.html' rel='bookmark' title='输入法'>输入法</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/jquery-switchable.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery EasyInsert 插件，迅速添加表单</title>
		<link>http://www.biaodianfu.com/jquery-easyinsert.html</link>
		<comments>http://www.biaodianfu.com/jquery-easyinsert.html#comments</comments>
		<pubDate>Thu, 18 Mar 2010 00:11:37 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=1940</guid>
		<description><![CDATA[插件主要功能：自动添加删除单个文本输入框或多个文本输入框，限制输入框数量，可以添加删除文本域、密码域、多选框、文件上传域及关联下拉菜单。 官方网站（演示）：http://ilikejquery.com/EasyInsert/ 插件下载地址：http://mrzhang.googlecode.com/files/EasyInsert-4.0.7z Related posts: jQuery.Switchable一款Tabs、Slide、Scrollable整合插件 IE7.JS 解决IE兼容性问题 SuperFish一款基于jQuery的级联下拉菜单]]></description>
			<content:encoded><![CDATA[<p>插件主要功能：自动添加删除单个文本输入框或多个文本输入框，限制输入框数量，可以添加删除文本域、密码域、多选框、文件上传域及关联下拉菜单。</p>
<p><img class="alignnone size-full wp-image-1941" title="EasyInsert" src="http://www.biaodianfu.com/wp-content/uploads/2010/03/EasyInsert.png" alt="" width="552" height="475" /></p>
<p>官方网站（演示）：<a href="http://ilikejquery.com/EasyInsert/">http://ilikejquery.com/EasyInsert/</a></p>
<p>插件下载地址：<a href="http://mrzhang.googlecode.com/files/EasyInsert-4.0.7z" target="_blank">http://mrzhang.googlecode.com/files/EasyInsert-4.0.7z</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/jquery-switchable.html' rel='bookmark' title='jQuery.Switchable一款Tabs、Slide、Scrollable整合插件'>jQuery.Switchable一款Tabs、Slide、Scrollable整合插件</a></li>
<li><a href='http://www.biaodianfu.com/jiejue-ie6-jianrong-wenti-ie7js.html' rel='bookmark' title='IE7.JS 解决IE兼容性问题'>IE7.JS 解决IE兼容性问题</a></li>
<li><a href='http://www.biaodianfu.com/superfish-jquery.html' rel='bookmark' title='SuperFish一款基于jQuery的级联下拉菜单'>SuperFish一款基于jQuery的级联下拉菜单</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/jquery-easyinsert.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery边框圆角插件：DivCorners</title>
		<link>http://www.biaodianfu.com/divcorners.html</link>
		<comments>http://www.biaodianfu.com/divcorners.html#comments</comments>
		<pubDate>Tue, 02 Mar 2010 15:52:55 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=1875</guid>
		<description><![CDATA[什么是 DivCorners?这个插件的主要作用是建立一个简单的方法为屏幕上的内容增加边界样式。边界样式可以是圆角，简单的边界，褪色的边缘，盒布局等。使用现有的图片来生成样式，我会完善函数，使在没有图片的情况下也能生成边界样式的。
]]></description>
			<content:encoded><![CDATA[<p><strong>什么是 DivCorners?</strong></p>
<p>这个插件的主要作用是建立一个简单的方法为屏幕上的内容增加边界样式。</p>
<ol>
<li>边界样式可以是圆角，简单的边界，褪色的边缘，盒布局等。</li>
<li>使用现有的图片来生成样式，我会完善函数，使在没有图片的情况下也能生成边界样式的。</li>
</ol>
<p>它有三个可在jquery.js和jquery.divcorners.js加载后调用的函数。</p>
<ol>
<li>使用 <strong>$(expression).dcCreate( object [, boolean] ) </strong>创建布局的实例。</li>
<li>使用 <strong>$(expression).dcResize( [boolean] )</strong> 重新调整布局的一个实例。</li>
<li>使用 <strong>$(expression).dcClear( [boolean] )</strong> 消除布局的实例。</li>
</ol>
<p>DivCorners是由jquery.divcorners.js和jquery.divcorners.css构成的，两者必须结合起来使用。</p>
<p><strong>为什么选择 DivCorners?</strong></p>
<p>“jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery改变了书写JavaScript的方法。”jQuery.com</p>
<p>这个插件是为了使工作更加简单。 使用 DivCorners可以节约一半时间去完成兼容各种浏览器的预期效果。此插件还修复了IE6下PNG图片透明显示问题。</p>
<p><strong>怎么使用 DivCorners?</strong></p>
<p><strong>$(expression).dcCreate( object [, boolean] )</strong></p>
<pre lang="javascript" line="0" escaped="true">// This is the maximum definition
  $("div").dcCreate({
      imgPrefix: "/images/",
      fileType: ".gif",
      expand: 4,           // optional
      radius: 0,           // optional, Note: Radius must be greater than expand. See Understand the Parameters
      position: "inside",  // optional
      resize: "img",       // optional
      exclude: "left, top" // optional
  }, true);                // Note: This parameter is optional. By default it's true.
                           // This parameter controls whether parent .dCorner instances will be resized.

// This is the recommended definition
  $("div").dcCreate({
      imgPrefix: "/images/dCorner-",
      fileType: ".gif",
      expand: 10
  });</pre>
<p><strong>$(expression).dcResize( [boolean] )</strong></p>
<div>
<div>
<pre lang="javascript" line="0" escaped="true">// Call this function when the height or width of the container is altered.
  $("div").dcResize(true);

// This is the recommended definition
  $("div").dcResize();

// Note: This function's parameter is optional. By default it's true.
// This parameter controls whether parent .dCorner instances will be resized.</pre>
</div>
</div>
<p><strong>$(expression).dcClear( [boolean] )</strong></p>
<pre lang="javascript" line="0" escaped="true">// Call this function to remove any instances.
  $("div").dcClear(true);

// This is the constructor definition
  $("div").dcClear();

// Note: This function's parameter is optional. By default it's true.
// This parameter controls whether parent .dCorner instances will be resized.</pre>
<p>官方网址：<a href="http://roydukkey.com/divcorners/">http://roydukkey.com/divcorners/</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/microsoft-expression-studio-3.html' rel='bookmark' title='Microsoft Expression Studio 3 中文版下载'>Microsoft Expression Studio 3 中文版下载</a></li>
<li><a href='http://www.biaodianfu.com/simple-javascript-templating.html' rel='bookmark' title='Javascript模板引擎分享'>Javascript模板引擎分享</a></li>
<li><a href='http://www.biaodianfu.com/php-curl-class.html' rel='bookmark' title='PHP 5 curl Class'>PHP 5 curl Class</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/divcorners.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>《jQuery in Action》PDF电子书下载</title>
		<link>http://www.biaodianfu.com/jquery-in-action.html</link>
		<comments>http://www.biaodianfu.com/jquery-in-action.html#comments</comments>
		<pubDate>Thu, 25 Feb 2010 14:08:40 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[电子书籍]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=1823</guid>
		<description><![CDATA[《jQuery In Action》的中文翻译是《jQuery实战》，其主要内容有： 第1章　引荐jQuery　1 1.1　为什么是jQuery　1 1.2　不唐突的JavaScript　2 1.3　jQuery基本原理　4 1.3.1　jQuery包装器　4 1.3.2　实用工具函数　6 1.3.3　文档就绪处理程序　6 1.3.4　创建DOM元素　7 1.3.5　扩展jQuery　9 1.3.6　使用jQuery和其他库　10 1.4　小结　10 第2章　创建元素包装集　12 2.1　选择将被操作的元素　12 2.1.1　利用基本CSS选择器　14 2.1.2　利用子选择器、容器选择器和特性选择器　14 2.1.3　通过位置选择　18 2.1.4　利用自定义jQuery选择器　20 2.2　生成新HTML　22 2.3　管理包装元素集合　24 2.3.1　确定包装集的大小　25 2.3.2　从包装集获取元素　25 2.3.3　筛选元素包装集　27 2.3.4　利用关系获取包装集　32 2.3.5　还有更多使用包装集的途径　32 2.3.6　管理jQuery链　34 2.4　小结　35 第3章　用jQuery让页面生动起来　36 3.1　操作元素属性和特性　36 3.1.1　操作元素属性　38 3.1.2　获取特性值　38 3.1.3　设置特性值　40 3.1.4　删除特性　41 3.1.5　特性带来的快乐　42 3.2　修改元素样式　43 3.2.1　添加和删除类名称　43 3.2.2　获取和设置样式　45 3.2.3　样式相关的更有用的命令　50 3.3　设置元素内容　51 3.3.1　替换HTML或文本内容　51 3.3.2　移动和复制元素　52 3.3.3　包裹元素　56 3.3.4　删除元素　57 3.3.5　克隆元素　58 3.4　处理表单元素值　59 3.5　小结　61 第4章　事件　62 4.1　浏览器的事件模型　63 4.1.1　DOM第0级事件模型　64 4.1.2　DOM第2级事件模型　68 4.1.3　IE事件模型　73 4.2　jQuery事件模型　73 4.2.1　利用jQuery绑定事件处理程序　73 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1824" title="jQuery_in_Action" src="http://www.biaodianfu.com/wp-content/uploads/2010/02/jQuery_in_Action.jpg" alt="" width="322" height="405" /></p>
<p>《jQuery In Action》的中文翻译是《jQuery实战》，其主要内容有：</p>
<p>第1章　引荐jQuery　1<br />
1.1　为什么是jQuery　1<br />
1.2　不唐突的JavaScript　2<br />
1.3　jQuery基本原理　4<br />
1.3.1　jQuery包装器　4<br />
1.3.2　实用工具函数　6<br />
1.3.3　文档就绪处理程序　6<br />
1.3.4　创建DOM元素　7<br />
1.3.5　扩展jQuery　9<br />
1.3.6　使用jQuery和其他库　10<br />
1.4　小结　10</p>
<p>第2章　创建元素包装集　12<br />
2.1　选择将被操作的元素　12<br />
2.1.1　利用基本CSS选择器　14<br />
2.1.2　利用子选择器、容器选择器和特性选择器　14<br />
2.1.3　通过位置选择　18<br />
2.1.4　利用自定义jQuery选择器　20<br />
2.2　生成新HTML　22<br />
2.3　管理包装元素集合　24<br />
2.3.1　确定包装集的大小　25<br />
2.3.2　从包装集获取元素　25<br />
2.3.3　筛选元素包装集　27<br />
2.3.4　利用关系获取包装集　32<br />
2.3.5　还有更多使用包装集的途径　32<br />
2.3.6　管理jQuery链　34<br />
2.4　小结　35</p>
<p>第3章　用jQuery让页面生动起来　36<br />
3.1　操作元素属性和特性　36<br />
3.1.1　操作元素属性　38<br />
3.1.2　获取特性值　38<br />
3.1.3　设置特性值　40<br />
3.1.4　删除特性　41<br />
3.1.5　特性带来的快乐　42<br />
3.2　修改元素样式　43<br />
3.2.1　添加和删除类名称　43<br />
3.2.2　获取和设置样式　45<br />
3.2.3　样式相关的更有用的命令　50<br />
3.3　设置元素内容　51<br />
3.3.1　替换HTML或文本内容　51<br />
3.3.2　移动和复制元素　52<br />
3.3.3　包裹元素　56<br />
3.3.4　删除元素　57<br />
3.3.5　克隆元素　58<br />
3.4　处理表单元素值　59<br />
3.5　小结　61</p>
<p>第4章　事件　62<br />
4.1　浏览器的事件模型　63<br />
4.1.1　DOM第0级事件模型　64<br />
4.1.2　DOM第2级事件模型　68<br />
4.1.3　IE事件模型　73<br />
4.2　jQuery事件模型　73<br />
4.2.1　利用jQuery绑定事件处理程序　73<br />
4.2.2　删除事件处理程序　77<br />
4.2.3　Event实例　78<br />
4.2.4　影响事件传播　79<br />
4.2.5　触发事件处理程序　79<br />
4.2.6　其他事件相关命令　81<br />
4.3　让事件(以及更多)工作起来　84<br />
4.4　小结　94</p>
<p>第5章　用动画和效果来装扮页面　95<br />
5.1　使元素显示和隐藏　95<br />
5.1.1　实现可折叠的列表　96<br />
5.1.2　切换元素的显示状态　100<br />
5.2　以动画方式使函数显示和隐藏　101<br />
5.2.1　使元素逐渐地显示和隐藏　101<br />
5.2.2　使元素淡入和淡出　105<br />
5.2.3　使元素滑上和滑下　107<br />
5.2.4　使动画停止　108<br />
5.3　创建自定义的动画　109<br />
5.3.1　一个自定义的放大动画　110<br />
5.3.2　一个自定义的坠落动画　111<br />
5.3.3　一个自定义的消散动画　112<br />
5.4　小结　113</p>
<p>第6章　jQuery实用工具函数　115<br />
6.1　利用jQuery标志　115<br />
6.1.1　检测用户代理　116<br />
6.1.2　确定方框模型　121<br />
6.1.3　检测要用的正确的浮动样式　122<br />
6.2　使用jQuery和其他库　123<br />
6.3　操作JavaScript对象和集合　126<br />
6.3.1　修整字符串　126<br />
6.3.2　对属性和集合进行迭代　127<br />
6.3.3　对数组进行筛选　128<br />
6.3.4　对数组进行转换　129<br />
6.3.5　从JavaScript数组上找到更多乐趣　131<br />
6.3.6　扩展对象　132<br />
6.4　动态加载脚本　135<br />
6.5　小结　138</p>
<p>第7章　用自定义插件来扩展jQuery　139<br />
7.1　为什么要扩展　139<br />
7.2　jQuery插件创建准则　140<br />
7.2.1　给文件和函数命名　140<br />
7.2.2　小心$　141<br />
7.2.3　简化复杂的参数列表　141<br />
7.3　编写自定义实用工具函数　143<br />
7.3.1　创建操作数据的实用工具函数　144<br />
7.3.2　编写日期格式器　145<br />
7.4　添加新的包装器方法　149<br />
7.4.1　在包装器方法中应用多个操作　150<br />
7.4.2　保留在包装器方法之内的状态　154<br />
7.5　小结　161</p>
<p>第8章　利用Ajax与服务器交谈　163<br />
8.1　温习Ajax　163<br />
8.1.1　创建一个XHR实例　164<br />
8.1.2　发起请求　165<br />
8.1.3　跟踪进展　166<br />
8.1.4　获得响应　167<br />
8.2　加载内容到元素上　168<br />
8.2.1　利用jQuery加载内容　169<br />
8.2.2　加载动态的库存数据　171<br />
8.3　发起GET和POST请求　175<br />
8.3.1　利用jQuery获取数据　175<br />
8.3.2　获取JSON数据　177<br />
8.3.3　发起POST请求　186<br />
8.4　完全控制Ajax请求　187<br />
8.4.1　带着所有的修整发起Ajax请求　187<br />
8.4.2　设置请求的默认值　189<br />
8.4.3　全局函数　190<br />
8.5　整合一切　194<br />
8.5.1　实现工具提示行为　195<br />
8.5.2　利用术语提示器　197<br />
8.5.3　改进的空间　198<br />
8.6　小结　200</p>
<p>第9章　卓越、强大和实用的插件　201<br />
9.1　表单插件　201<br />
9.1.1　获得表单控件的值　202<br />
9.1.2　清除和复位表单控件　205<br />
9.1.3　通过Ajax提交表单　207<br />
9.1.4　上传文件　213<br />
9.2　尺寸插件　213<br />
9.2.1　宽度和高度的已扩展方法　213<br />
9.2.2　获得滚动尺寸　215<br />
9.2.3　关于偏移和位置　217<br />
9.3　实时查询插件　219<br />
9.3.1　建立主动事件处理程序　219<br />
9.3.2　定义匹配和不匹配　220<br />
9.3.3　强制Live Query求值　221<br />
9.3.4　使Live Query过期　221<br />
9.4　UI插件　225<br />
9.4.1　鼠标交互　225<br />
9.4.2　UI小部件和可视化效果　237<br />
9.5　小结　237<br />
9.6　尾声　238</p>
<p>附录A　JavaScript必知必会　239<br />
索引　253</p>
<p>《jQuery In Action》PDF电子书下载：<a href="http://www.box.net/shared/gl1bo836k3">http://www.box.net/shared/gl1bo836k3</a></p>
<p>《jQuery In Action》书中涉及源码下载：<a href="http://www.manning.com/bibeault/jqia.source.zip">http://www.manning.com/bibeault/jqia.source.zip</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/googlebot-ua-ip.html' rel='bookmark' title='Google蜘蛛UA及IP'>Google蜘蛛UA及IP</a></li>
<li><a href='http://www.biaodianfu.com/fenglide-jquery.html' rel='bookmark' title='《锋利的jQuery》PDF电子书下载'>《锋利的jQuery》PDF电子书下载</a></li>
<li><a href='http://www.biaodianfu.com/jquery-blockui-js.html' rel='bookmark' title='jquery.blockUI.js'>jquery.blockUI.js</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/jquery-in-action.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>《锋利的jQuery》PDF电子书下载</title>
		<link>http://www.biaodianfu.com/fenglide-jquery.html</link>
		<comments>http://www.biaodianfu.com/fenglide-jquery.html#comments</comments>
		<pubDate>Thu, 25 Feb 2010 13:30:11 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[电子书籍]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=1819</guid>
		<description><![CDATA[《锋利的jQuery》简介： 这本书不同于其他的jQuery书籍，这本是由国人自己编写的图书，对于向我一样刚接触jQuery的朋友，建议阅读此书。网上找了一下PDF的电子书，是扫描版的。只做试读，强烈建议您购买正版图书。 本书循序渐进地对jQuery的各种函数和方法调用进行了介绍，读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX以及插件方面等知识点，并结合每个章节后面的案例演示进行练习，达到掌握核心知识点的目的。 这里是作者的官方网站：http://www.cssrain.cn/ 《锋利的jQuery》目录： 第1章 认识jQuery 1 1.1 JavaScript和JavaScript库 1 1.1.1 JavaScript简介 1 1.1.2 JavaScript库作用及对比 1 1.2 加入jQuery 3 1.2.1 jQuery简介 3 1.2.2 jQuery的优势 4 1.3 jQuery代码的编写 5 1.3.1 配置jQuery环境 5 1.3.2 编写简单的jQuery代码 7 1.3.3 jQuery代码风格 8 1.4 jQuery对象和DOM对象 12 1.4.1 DOM对象和jQuery对象简介 12 1.4.2 jQurey对象和DOM对象的相互转换 14 1.4.3 实例研究 15 1.5 解决jQuery和其他库的冲突 17 1.6 jQuery开发工具和插件 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1820" title="锋利的jquery" src="http://www.biaodianfu.com/wp-content/uploads/2010/02/fenglide_jquery.jpg" alt="" width="364" height="460" /></p>
<p><strong>《锋利的jQuery》简介：</strong></p>
<p>这本书不同于其他的jQuery书籍，这本是由国人自己编写的图书，对于向我一样刚接触jQuery的朋友，建议阅读此书。网上找了一下PDF的电子书，是扫描版的。只做试读，<span style="color: #ff6600;">强烈建议您购买正版图书</span>。</p>
<p>本书循序渐进地对jQuery的各种函数和方法调用进行了介绍，读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX以及插件方面等知识点，并结合每个章节后面的案例演示进行练习，达到掌握核心知识点的目的。</p>
<p>这里是作者的官方网站：<a href="http://www.cssrain.cn/">http://www.cssrain.cn/</a></p>
<p><strong>《锋利的jQuery》目录：</strong></p>
<p>第1章 认识jQuery 1<br />
1.1 JavaScript和JavaScript库 1<br />
1.1.1 JavaScript简介 1<br />
1.1.2 JavaScript库作用及对比 1<br />
1.2 加入jQuery 3<br />
1.2.1 jQuery简介 3<br />
1.2.2 jQuery的优势 4<br />
1.3 jQuery代码的编写 5<br />
1.3.1 配置jQuery环境 5<br />
1.3.2 编写简单的jQuery代码 7<br />
1.3.3 jQuery代码风格 8<br />
1.4 jQuery对象和DOM对象 12<br />
1.4.1 DOM对象和jQuery对象简介 12<br />
1.4.2 jQurey对象和DOM对象的相互转换 14<br />
1.4.3 实例研究 15<br />
1.5 解决jQuery和其他库的冲突 17<br />
1.6 jQuery开发工具和插件 20<br />
1.7 小结 24</p>
<p>第2章 jQuery选择器 25<br />
2.1 jQuery选择器是什么 25<br />
2.2 jQuery选择器的优势 28<br />
2.3 jQuery选择器 30<br />
2.3.1 基本选择器 34<br />
2.3.2 层次选择器 36<br />
2.3.3 过滤选择器 38<br />
2.3.4 表单选择器 49<br />
2.4 应用jQuery改写示例 51<br />
2.5 选择器中的一些注意事项 51<br />
2.5.1 选择器中含有特殊符号的注意事项 51<br />
2.5.2 选择器中含有空格的注意事项 52<br />
2.6 案例研究——某网站品牌列表的效果 53<br />
2.7 其他选择器 60<br />
2.7.1 jQuery提供的选择器的扩展 60<br />
2.7.2 其他使用CSS选择器的方法 60<br />
2.8 小结 61</p>
<p>第3章 jQuery中的DOM操作 62<br />
3.1 DOM操作的分类 62<br />
3.2 jQuery中的DOM操作 63<br />
3.2.1 查找节点 64<br />
3.2.2 创建节点 65<br />
3.2.3 插入节点 68<br />
3.2.4 删除节点 70<br />
3.2.5 复制节点 72<br />
3.2.6 替换节点 73<br />
3.2.7 包裹节点 73<br />
3.2.8 属性操作 75<br />
3.2.9 样式操作 76<br />
3.2.10 设置和获取HTML.文本和值 80<br />
3.2.11 遍历节点 86<br />
3.2.12 CSS-DOM操作 89<br />
3.3 案例研究——某网站的超链接和图片提示效果 91<br />
3.4 小结 98</p>
<p>第4章 jQuery中的事件和动画 99<br />
4.1 jQuery中的事件 99<br />
4.1.1 加载DOM 99<br />
4.1.2 事件绑定 102<br />
4.1.3 合成事件 106<br />
4.1.4 事件冒泡 109<br />
4.1.5 事件对象的属性 113<br />
4.1.6 移除事件 115<br />
4.1.7 模拟操作 118<br />
4.1.8 其他用法 119<br />
4.2 jQuery中的动画 121<br />
4.2.1 show()方法和hide()方法 121<br />
4.2.2 fadeIn()方法和fadeOut()方法 124<br />
4.2.3 slideUp()方法和slideDown()方法 124<br />
4.2.4 自定义动画方法animate() 125<br />
4.2.5 动画回调函数 128<br />
4.2.6 停止动画和判断是否处于动画状态 128<br />
4.2.7 其他动画方法 131<br />
4.2.8 动画方法概括 132<br />
4.3 视频展示效果实例 133<br />
4.4 小结 140</p>
<p>第5章 jQuery对表单.表格的操作及更多应用 141<br />
5.1 表单应用 141<br />
5.1.1 单行文本框应用 141<br />
5.1.2 多行文本框应用 143<br />
5.1.3 复选框应用 146<br />
5.1.4 下拉框应用 150<br />
5.1.5 表单验证 152<br />
5.2 表格应用 156<br />
5.2.1 表格变色 157<br />
5.2.2 表格展开关闭 161<br />
5.2.3 表格内容筛选 163<br />
5.3 其他应用 164<br />
5.3.1 网页字体大小 164<br />
5.3.2 网页选项卡 167<br />
5.3.3 网页换肤 169<br />
5.4 小结 173</p>
<p>第6章 jQuery与Ajax的应用 174<br />
6.1 Ajax的优势和不足 174<br />
6.1.1 Ajax的优势 174<br />
6.1.2 Ajax的不足 175<br />
6.2 Ajax的XMLHttpRequest对象 176<br />
6.3 安装Web环境——AppServ 176<br />
6.4 编写第1个Ajax例子 177<br />
6.5 jQuery中的Ajax 179<br />
6.5.1 load()方法 179<br />
6.5.2 $.get()方法和$.post()方法.. 182<br />
6.5.3 $.getScript()方法和$.getJson()方法 187<br />
6.5.4 $.ajax()方法 191<br />
6.6 序列化元素 194<br />
6.7 jQuery中的Ajax全局事件 197<br />
6.8 基于jQuery的Ajax聊天室程序 198<br />
6.8.1 基本设想 198<br />
6.8.2 设计数据库 199<br />
6.8.3 服务器端处理 199<br />
6.8.4 客户端处理 200<br />
6.8.5 客户端代码 200<br />
6.8.6 整合代码 204<br />
6.9 小结 207</p>
<p>第7章 插件的使用和写法 208<br />
7.1 jQuery表单验证插件——Validation 208<br />
7.1.1 Validation简介 208<br />
7.1.2 下载地址 209<br />
7.1.3 快速上手 209<br />
7.1.4 不同的验证写法 212<br />
7.1.5 验证信息 215<br />
7.1.6 自定义验证规则 218<br />
7.1.7 API 219<br />
7.2 jQuery表单插件——Form 219<br />
7.2.1 Form插件简介 219<br />
7.2.2 下载地址 219<br />
7.2.3 快速上手 220<br />
7.2.4 核心方法——ajaxForm()和ajaxSubmit() 221<br />
7.2.5 ajaxForm()方法和ajaxSubmit()方法的参数 221<br />
7.2.6 表单提交之前验证表单 224<br />
7.2.7 API 226<br />
7.3 动态绑定事件插件——livequery 226<br />
7.3.1 livequery插件简介 226<br />
7.3.2 下载地址 227<br />
7.3.3 快速上手 227<br />
7.3.4 与复杂选择器结合使用 228<br />
7.3.5 触发回调函数 230<br />
7.3.6 关于插件开发 230<br />
7.3.7 API 231<br />
7.4 jQueryUI插件 231<br />
7.4.1 jQueryUI简介 231<br />
7.4.2 下载地址 232<br />
7.4.3 快速上手 233<br />
7.4.4 与单击事件冲突 235<br />
7.4.5 与后台结合 235<br />
7.5 管理Cookie的插件——Cookie 237<br />
7.5.1 Cookie插件简介 237<br />
7.5.2 下载地址 238<br />
7.5.3 快速上手 238<br />
7.5.4 API 239<br />
7.6 编写jQuery插件 240<br />
7.6.1 插件的种类 240<br />
7.6.2 插件的基本要点 241<br />
7.6.3 插件中的闭包 241<br />
7.6.4 jQuery插件的机制 243<br />
7.6.5 编写jQuery插件 244<br />
7.7 小结 255</p>
<p>第8章 用jQuery打造个性网站 256<br />
8.1 案例背景介绍 256<br />
8.2 网站材料 256<br />
8.3 网站结构 256<br />
8.3.1 文件结构 256<br />
8.3.2 网页结构 257<br />
8.3.3 界面设计 257<br />
8.4 网站的(X)HTML 259<br />
8.5 网站样式(CSS) 259<br />
8.5.1 将CSS文件分门别类 259<br />
8.5.2 编写CSS 260<br />
8.6 网站脚本(jQuery) 274<br />
8.6.1 准备工作 274<br />
8.6.2 首页(index.html)上的功能 274<br />
8.6.3 详细页(detail.html)上的功能 289<br />
8.7 小结 298<br />
附录A 关于$(document).ready()函数 299<br />
A.1 $(document).ready()函数介绍 299<br />
A.2 多个$(document).ready()函数 300<br />
附录B Firebug 301<br />
B.1 概述 301<br />
B.2 主面板简介 302<br />
B.2.1 控制台面板 304<br />
B.2.2 HTML面板 308<br />
B.2.3 CSS.脚本和网络面板 313<br />
B.2.4 脚本面板 314<br />
B.3 一些资源 318<br />
B.4 总结 318<br />
附录C Ajax的XMLHttpRequest对象的属性和方法 319<br />
附录D jQuery$.ajax()方法的参数详解 322<br />
附录E jQuery加载并解析XML 325<br />
E.1 简述 325<br />
E.2 Content-Type 325<br />
E.3 XML结构 325<br />
E.4 获取XML 326<br />
E.5 解析XML 327<br />
E.6 禁用缓存 328<br />
附录F 插件API 329<br />
F.1 Validation插件API 329<br />
F.2 Form插件API 331<br />
F.3 Livequery插件API 335<br />
附录G jQuery速查表 337<br />
G.1 基础 337<br />
G.2 选择器 338<br />
G.3 属性 340<br />
G.4 筛选 340<br />
G.5 文档处理 342<br />
G.6 CSS 343<br />
G.7 事件 343<br />
G.8 效果 345<br />
G.9 Ajax 346<br />
G.10 实用项347</p>
<p><strong>《锋利的jQuery》PDF电子书下载：</strong></p>
<p><a href="http://d.namipan.com/sd/2004046">http://d.namipan.com/sd/2004046</a></p>
<p><a href="http://d.namipan.com/sd/2004543">http://d.namipan.com/sd/2004543</a></p>
<p><strong>《锋利的jQuery》随书附赠源代码下载：</strong></p>
<p><a href="http://d.namipan.com/sd/2004695">http://d.namipan.com/sd/2004695</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/css-quanweizhinan.html' rel='bookmark' title='《CSS权威指南》中文版[PDF]电子书下载'>《CSS权威指南》中文版[PDF]电子书下载</a></li>
<li><a href='http://www.biaodianfu.com/googlebot-ua-ip.html' rel='bookmark' title='Google蜘蛛UA及IP'>Google蜘蛛UA及IP</a></li>
<li><a href='http://www.biaodianfu.com/jingtong-css-pdf.html' rel='bookmark' title='《精通CSS》PDF电子书下载'>《精通CSS》PDF电子书下载</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/fenglide-jquery.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>jQuery plugin: Validation 表单校验</title>
		<link>http://www.biaodianfu.com/jquery-validate-js.html</link>
		<comments>http://www.biaodianfu.com/jquery-validate-js.html#comments</comments>
		<pubDate>Wed, 17 Feb 2010 08:53:34 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[表单]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=1707</guid>
		<description><![CDATA[Jquery.validate.js是基于JQuery库的一个前端验证控件，功能很强大，自身集成了大多常用的验证方法。 以下列出validate自带的默认验证 required: “必选字段”, remote: “请修正该字段”, email: “请输入正确格式的电子邮件”, url: “请输入合法的网址”, date: “请输入合法的日期”, dateISO: “请输入合法的日期 (ISO).”, number: “请输入合法的数字”, digits: “只能输入整数”, creditcard: “请输入合法的信用卡号”, equalTo: “请再次输入相同的值”, accept: “请输入拥有合法后缀名的字符串”, maxlength: jQuery.format(“请输入一个长度最多是 {0} 的字符串”), minlength: jQuery.format(“请输入一个长度最少是 {0} 的字符串”), rangelength: jQuery.format(“请输入一个长度介于 {0} 和 {1} 之间的字符串”), range: jQuery.format(“请输入一个介于 {0} 和 {1} 之间的值”), max: jQuery.format(“请输入一个最大为 {0} 的值”), min: jQuery.format(“请输入一个最小为 {0} 的值”) 贴举个简单的例子： $('#EditView').validate({ [...]]]></description>
			<content:encoded><![CDATA[<p>Jquery.validate.js是基于JQuery库的一个前端验证控件，功能很强大，自身集成了大多常用的验证方法。</p>
<p>以下列出validate自带的默认验证</p>
<blockquote><p>required: “必选字段”,<br />
remote: “请修正该字段”,<br />
email: “请输入正确格式的电子邮件”,<br />
url: “请输入合法的网址”,<br />
date: “请输入合法的日期”,<br />
dateISO: “请输入合法的日期 (ISO).”,<br />
number: “请输入合法的数字”,<br />
digits: “只能输入整数”,<br />
creditcard: “请输入合法的信用卡号”,<br />
equalTo: “请再次输入相同的值”,<br />
accept: “请输入拥有合法后缀名的字符串”,<br />
maxlength: jQuery.format(“请输入一个长度最多是 {0} 的字符串”),<br />
minlength: jQuery.format(“请输入一个长度最少是 {0} 的字符串”),<br />
rangelength: jQuery.format(“请输入一个长度介于 {0} 和 {1} 之间的字符串”),<br />
range: jQuery.format(“请输入一个介于 {0} 和 {1} 之间的值”),<br />
max: jQuery.format(“请输入一个最大为 {0} 的值”),<br />
min: jQuery.format(“请输入一个最小为 {0} 的值”)</p></blockquote>
<p>贴举个简单的例子：</p>
<pre lang="javascript" line="0" escaped="true">$('#EditView').validate({
              event: "keyup",
              rules:{
                  name:{required:true},
                  cosa_commodity_group_list:{required:true}
              },
              submitHandler:function(){
                  $("#group_list &gt; option").attr("selected","selected");
                  $(this).submit();
              }
});</pre>
<p>1.<strong>event</strong>是触发校验的方式，可选值有keyup(每次按键时)，blur(当控件失去焦点时)，不使用这个参数时就只在按提交按钮时触发。</p>
<p>2.如果在提交前还需要进行一些自定义处理使用<strong>submitHandler</strong>参数。</p>
<p>3.<strong>debug</strong>，如果这个参数为true，那么表单不会提交，只进行检查，用于调试状态。</p>
<p>4.<strong>rules</strong>，所有的检验规则都写在这个参数里面.</p>
<p>格式为：ID : {rule1,rule2,&#8230;}</p>
<p>          (1) required: true  必输<br />
          (2) number: true 只能输入数字(包括小数)<br />
          (3) digits:true 只能输入整数<br />
          (4) minValue: 3 不能小于3<br />
          (5) maxValue: 100 最大不超过100<br />
          (6) rangeValue:[50,100] 值范围为50-100<br />
          (7) minLength: 5 最小长度(汉字算一个字符)<br />
          (8) maxLength: 10 最大长度(汉字算一个字符)<br />
          (9) rangeLength:[5,10] 长度范围为5至10位(汉字算一个字符)<br />
          (10) 上面的minLength, maxLength, rangeLength 这三项除了text input之外还可以用于checkbox,select这两种控件<br />
          (11) email:true 电子邮件<br />
          (12) equalTo: “#field” 与#field值相同<br />
          (13) dateISO:true 日期型，格式为2012/02/12   2010-1-14</p>
<p>5.<strong>messages</strong>，自定义错误信息，格式与rules类似：</p>
<pre lang="javascript" line="0" escaped="true">messages {
          password: {
              required: "请输入您的密码."
              minLength: "密码不能小于6位.",
              maxLength: "密码不能长于32位."
          },
</pre>
<p>官方网址：<a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">http://bassistance.de/jquery-plugins/jquery-plugin-validation/</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/jquery-blockui-js.html' rel='bookmark' title='jquery.blockUI.js'>jquery.blockUI.js</a></li>
<li><a href='http://www.biaodianfu.com/jquery-form-js.html' rel='bookmark' title='jquery.form.js，JQuery表单插件'>jquery.form.js，JQuery表单插件</a></li>
<li><a href='http://www.biaodianfu.com/oct-to-base.html' rel='bookmark' title='将一个无符号十进制数转换成N(2-36)进制'>将一个无符号十进制数转换成N(2-36)进制</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/jquery-validate-js.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>In-Field Labels jQuery Plugin</title>
		<link>http://www.biaodianfu.com/jquery-infieldlabel-min-js.html</link>
		<comments>http://www.biaodianfu.com/jquery-infieldlabel-min-js.html#comments</comments>
		<pubDate>Wed, 17 Feb 2010 08:23:52 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[表单]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=1704</guid>
		<description><![CDATA[In-Field Labels jQuery插件是一个可以使普通输入框内显示默认信息，当用户开始输入时，输入框中默认显示的文字自动消失的插件，可以避免填入的value值。]]></description>
			<content:encoded><![CDATA[<p>In-Field Labels jQuery插件是一个可以使普通输入框内显示默认信息，当用户开始输入时，输入框中默认显示的文字自动消失的插件，可以避免填入的value值。</p>
<p>目前支持的浏览器：IE6+IE6+, WebKit Browsers (Safari, Chrome), Firefox 2+（其中需要注意的是IE6需要设置输入框的label的颜色）</p>
<p>需要注意的是：浏览器自动填充表单会照成错误，对于火狐和Chrome可以在input elements设置autocomplete=”off” 。</p>
<p>官方网址及演示：<a href="http://fuelyourcoding.com/scripts/infield/">http://fuelyourcoding.com/scripts/infield/</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/google-chrome-frame.html' rel='bookmark' title='Google Chrome Frame 谷歌浏览器框架'>Google Chrome Frame 谷歌浏览器框架</a></li>
<li><a href='http://www.biaodianfu.com/jquery-validate-js.html' rel='bookmark' title='jQuery plugin: Validation 表单校验'>jQuery plugin: Validation 表单校验</a></li>
<li><a href='http://www.biaodianfu.com/uploadrobots.html' rel='bookmark' title='UploadRobots免费的网络硬盘'>UploadRobots免费的网络硬盘</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/jquery-infieldlabel-min-js.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jquery.blockUI.js</title>
		<link>http://www.biaodianfu.com/jquery-blockui-js.html</link>
		<comments>http://www.biaodianfu.com/jquery-blockui-js.html#comments</comments>
		<pubDate>Wed, 17 Feb 2010 07:17:53 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=1702</guid>
		<description><![CDATA[jquery.blockUI.js 插件是用于进行AJAX操作时模拟同步传输时锁定浏览器操作。当它被激活时，它会阻止使用者与页面（或页面的一部分）进行交互，直至它被取消。]]></description>
			<content:encoded><![CDATA[<p>jquery.blockUI.js 插件是用于进行<abbr title="Asynchronous JavaScript and XML">AJAX</abbr>操作时模拟同步传输时锁定浏览器操作。当它被激活时，它会阻止使用者与页面（或页面的一部分）进行交互，直至它被取消。</p>
<p>BlockUI以在<abbr title="Document Object Model">DOM</abbr>中添加元素的方法来实现阻止用户与浏览器交互的外观和行为。</p>
<p>这个jQuery插件的主要用于是防止用户多次提交表单，及在提交后显示一个等待页面（或提示信息）。</p>
<p>官方网址：<a href="http://malsup.com/jquery/block/#overview">http://malsup.com/jquery/block/#overview</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/jquery-form-js.html' rel='bookmark' title='jquery.form.js，JQuery表单插件'>jquery.form.js，JQuery表单插件</a></li>
<li><a href='http://www.biaodianfu.com/jiejue-ie6-jianrong-wenti-ie7js.html' rel='bookmark' title='IE7.JS 解决IE兼容性问题'>IE7.JS 解决IE兼容性问题</a></li>
<li><a href='http://www.biaodianfu.com/jquery-validate-js.html' rel='bookmark' title='jQuery plugin: Validation 表单校验'>jQuery plugin: Validation 表单校验</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/jquery-blockui-js.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jquery.form.js，JQuery表单插件</title>
		<link>http://www.biaodianfu.com/jquery-form-js.html</link>
		<comments>http://www.biaodianfu.com/jquery-form-js.html#comments</comments>
		<pubDate>Wed, 17 Feb 2010 06:41:43 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[表单]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=1697</guid>
		<description><![CDATA[jquery.form.js是一个支持AJAX，支持AJAX文件上传的Form表单插件。 jquery.form.js的使用方法很简单，具体可以参考官方教程：http://jquery.malsup.com/form/ jquery.form.js插件API方法： ajaxForm 为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。 可链接（Chainable）：可以。 ajaxSubmit 马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。 可链接（Chainable）：可以。 formSerialize 将表单串行化（或序列化）成一个查询字符串。这个方法将返回以下格式的字符串：name1=value1&#38;name2=value2。 可链接（Chainable）：不能， 这个方法返回一个字符串。 fieldSerialize 将表单的字段元素串行化（或序列化）成一个查询字符串。当只有部分表单字段需要进行串行化（或序列化）时，这个就方便了。这个方法将返回以下格式的字符串：name1=value1&#38;name2=value2。 可链接（Chainable）：不能，这个方法返回一个字符串。 fieldValue 返回匹配插入数组中的表单元素值。从0.91版起，该方法将总是以数组的形式返回数据。如果元素值被判定可能无效，则数组为空，否则它将包含一个或多于一个的元素值。 可链接（Chainable）：不能，该方法返回数组。 resetForm 通过调用表单元素原有的DOM方法，将表单恢复到初始状态。 可链接（Chainable）：可以。 clearForm 清除表单元素。该方法将所有的文本（text）输入字段、密码（password）输入字段和文本区域（textarea）字段置空，清除任何select元素中的选定，以及将所有的单选（radio）按钮和多选（checkbox）按钮重置为非选定状态。 可链接（Chainable）：可以。 clearFields 清除字段元素。只有部分表单元素需要清除时才方便使用。 可链接（Chainable）：可以。 jquery.form.js插件Options对象： ajaxForm和ajaxSubmit都支持众多的选项参数，这些选项参数可以使用一个Options对象来提供。Options只是一个JavaScript对象，它包含了如下一些属性与值的集合： target 指明页面中由服务器响应进行更新的元素。元素的值可能被指定为一个jQuery选择器字符串，一个jQuery对象，或者一个DOM元素。 默认值：null。 url 指定提交表单数据的URL。 默认值：表单的action属性值 type 指定提交表单数据的方法（method）：“GET”或“POST”。 默认值：表单的method属性值（如果没有找到默认为“GET”）。 beforeSubmit 表单提交前被调用的回调函数。“beforeSubmit”回调函数作为一个钩子（hook），被提供来运行预提交逻辑或者校验表单数据。如果“beforeSubmit”回调函数返回false，那么表单将不被提交。“beforeSubmit”回调函数带三个调用参数：数组形式的表单数据，jQuery表单对象，以及传入ajaxForm/ajaxSubmit中的Options对象。默认值：null success 表单成功提交后调用的回调函数。如果提供“success”回调函数，当从服务器返回响应后它被调用。然后由dataType选项值决定传回responseText还是responseXML的值。默认值：null dataType 期望返回的数据类型。null、“xml”、“script”或者“json”其中之一。dataType提供一种方法，它规定了怎样处理服务器的响应。这个被直接地反映到jQuery.httpData方法中去。下面的值被支持： &#8216;xml&#8217;：如果dataType == &#8216;xml&#8217;，将把服务器响应作为XML来对待。同时，如果“success”回调方法被指定， 将传回responseXML值。 &#8216;json&#8217;：如果dataType == &#8216;json&#8217;， 服务器响应将被求值，并传递到“success”回调方法，如果它被指定的话。 &#8216;script&#8217;：如果dataType == [...]]]></description>
			<content:encoded><![CDATA[<p>jquery.form.js是一个支持AJAX，支持AJAX文件上传的Form表单插件。</p>
<p>jquery.form.js的使用方法很简单，具体可以参考官方教程：<a href="http://jquery.malsup.com/form/">http://jquery.malsup.com/form/</a></p>
<p><strong>jquery.form.js插件API方法：</strong></p>
<p><span style="color: #3366ff;">ajaxForm</span></p>
<p>为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。<br />
可链接（Chainable）：可以。</p>
<p><span style="color: #3366ff;">ajaxSubmit</span></p>
<p>马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。<br />
可链接（Chainable）：可以。</p>
<p><span style="color: #3366ff;">formSerialize</span></p>
<p>将表单串行化（或序列化）成一个查询字符串。这个方法将返回以下格式的字符串：name1=value1&amp;name2=value2。<br />
可链接（Chainable）：不能， 这个方法返回一个字符串。</p>
<p><span style="color: #3366ff;">fieldSerialize</span></p>
<p>将表单的字段元素串行化（或序列化）成一个查询字符串。当只有部分表单字段需要进行串行化（或序列化）时，这个就方便了。这个方法将返回以下格式的字符串：name1=value1&amp;name2=value2。<br />
可链接（Chainable）：不能，这个方法返回一个字符串。</p>
<p><span style="color: #3366ff;">fieldValue</span></p>
<p>返回匹配插入数组中的表单元素值。从0.91版起，该方法将总是以数组的形式返回数据。如果元素值被判定可能无效，则数组为空，否则它将包含一个或多于一个的元素值。<br />
可链接（Chainable）：不能，该方法返回数组。</p>
<p><span style="color: #3366ff;">resetForm</span></p>
<p>通过调用表单元素原有的DOM方法，将表单恢复到初始状态。<br />
可链接（Chainable）：可以。</p>
<p><span style="color: #3366ff;">clearForm</span></p>
<p>清除表单元素。该方法将所有的文本（text）输入字段、密码（password）输入字段和文本区域（textarea）字段置空，清除任何select元素中的选定，以及将所有的单选（radio）按钮和多选（checkbox）按钮重置为非选定状态。<br />
可链接（Chainable）：可以。</p>
<p><span style="color: #3366ff;">clearFields</span></p>
<p>清除字段元素。只有部分表单元素需要清除时才方便使用。<br />
可链接（Chainable）：可以。</p>
<p><strong>jquery.form.js插件Options对象：</strong></p>
<p>ajaxForm和ajaxSubmit都支持众多的选项参数，这些选项参数可以使用一个Options对象来提供。Options只是一个JavaScript对象，它包含了如下一些属性与值的集合：</p>
<p><span style="color: #3366ff;">target</span></p>
<p>指明页面中由服务器响应进行更新的元素。元素的值可能被指定为一个jQuery选择器字符串，一个jQuery对象，或者一个DOM元素。<br />
默认值：null。</p>
<p><span style="color: #3366ff;">url</span></p>
<p>指定提交表单数据的URL。<br />
默认值：表单的action属性值</p>
<p><span style="color: #3366ff;">type</span></p>
<p>指定提交表单数据的方法（method）：“GET”或“POST”。<br />
默认值：表单的method属性值（如果没有找到默认为“GET”）。</p>
<p><span style="color: #3366ff;">beforeSubmit</span></p>
<p>表单提交前被调用的回调函数。“beforeSubmit”回调函数作为一个钩子（hook），被提供来运行预提交逻辑或者校验表单数据。如果“beforeSubmit”回调函数返回false，那么表单将不被提交。“beforeSubmit”回调函数带三个调用参数：数组形式的表单数据，jQuery表单对象，以及传入ajaxForm/ajaxSubmit中的Options对象。默认值：null</p>
<p><span style="color: #3366ff;">success</span></p>
<p>表单成功提交后调用的回调函数。如果提供“success”回调函数，当从服务器返回响应后它被调用。然后由dataType选项值决定传回responseText还是responseXML的值。默认值：null</p>
<p><span style="color: #3366ff;">dataType</span></p>
<p>期望返回的数据类型。null、“xml”、“script”或者“json”其中之一。dataType提供一种方法，它规定了怎样处理服务器的响应。这个被直接地反映到jQuery.httpData方法中去。下面的值被支持：<br />
&#8216;xml&#8217;：如果dataType == &#8216;xml&#8217;，将把服务器响应作为XML来对待。同时，如果“success”回调方法被指定， 将传回responseXML值。<br />
&#8216;json&#8217;：如果dataType == &#8216;json&#8217;， 服务器响应将被求值，并传递到“success”回调方法，如果它被指定的话。<br />
&#8216;script&#8217;：如果dataType == &#8216;script&#8217;， 服务器响应将求值成纯文本。<br />
默认值：null（服务器返回responseText值）</p>
<p><span style="color: #3366ff;">semantic</span></p>
<p>Boolean flag indicating whether data must be submitted in strict semantic order (slower). Note that the normal form serialization is done in semantic order with the exception of input elements of type=”image”. You should only set the semantic option to true if your server has strict semantic requirements and your form contains an input element of type=”image”.<br />
布尔标志，表示数据是否必须严格按照语义顺序（slower？）来进行提交。注意：一般来说，表单已经按照语义顺序来进行了串行化（或序列化），除了type=”image”的input元素。如果你的服务器有严格的语义要求，以及表单中包含有一个type=”image”的input元素，就应该将semantic设置为true。（译注：这一段由于无法理解，翻译出来可能语不达意，但请达人指正。）默认值：false</p>
<p><span style="color: #3366ff;">resetForm</span></p>
<p>布尔标志，表示如果表单提交成功是否进行重置。默认值: null</p>
<p><span style="color: #3366ff;">clearForm</span></p>
<p>布尔标志，表示如果表单提交成功是否清除表单数据。默认值：null</p>
<p><strong>注意：</strong>Options对象还可以用来将值传递给jQuery的$.ajax方法。如果你熟悉$.ajax所支持的options，你可以利用它们来将Options对象传递给ajaxForm和ajaxSubmit。</p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/jquery-blockui-js.html' rel='bookmark' title='jquery.blockUI.js'>jquery.blockUI.js</a></li>
<li><a href='http://www.biaodianfu.com/json.html' rel='bookmark' title='JSON 轻量级的数据交换格式'>JSON 轻量级的数据交换格式</a></li>
<li><a href='http://www.biaodianfu.com/superfish-jquery.html' rel='bookmark' title='SuperFish一款基于jQuery的级联下拉菜单'>SuperFish一款基于jQuery的级联下拉菜单</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/jquery-form-js.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

