<?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.sou5.cn/archives/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.sou5.cn</link>
	<description>Web 2.0 网站架构、优化 数据库架构</description>
	<lastBuildDate>Sun, 05 Feb 2012 16:21:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>很牛的JS 树</title>
		<link>http://www.sou5.cn/archives/923.html</link>
		<comments>http://www.sou5.cn/archives/923.html#comments</comments>
		<pubDate>Thu, 17 Nov 2011 01:29:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Lecture]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[Tree]]></category>
		<category><![CDATA[zTreeInfo]]></category>
		<category><![CDATA[树]]></category>

		<guid isPermaLink="false">http://www.sou5.cn/?p=923</guid>
		<description><![CDATA[http://www.baby666.cn/v3

]]></description>
		<wfw:commentRss>http://www.sou5.cn/archives/923.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10个写给网页设计人员的jQuery教程</title>
		<link>http://www.sou5.cn/archives/421.html</link>
		<comments>http://www.sou5.cn/archives/421.html#comments</comments>
		<pubDate>Tue, 10 Feb 2009 07:49:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.sou5.cn/?p=421</guid>
		<description><![CDATA[jQuery框架的出现让原始的网页开发设计生色不少，本文包含10个专为网页设计人员和新手准备的Query特效教程，这篇文章的最重要内容是来自Web Designer Wall，eoading 在此列出供大家参考学习。
提示：教程中所用的 jQuery 版本为1.2.3。这篇文章是为jQuery新手而写的。
先试试看？ View jQuery Demos ｜ Download Demo ZIP
jQuery是如何工作的?
首先，你需要下载一个jQuery版本，并将它插入到&#60;head&#62;标签内。然后，你将需要写函数来告诉jQuery做些什么，下面的这个图表将告诉你jQuery是怎样工作的（点击图片，查看大图）：

如何获取元素（Get the element）?
书写 jQuery 函数是一个非常简单的事（多亏了精彩的说明书）。关键是你要学习如何获取你想要实现的效果的确切元素。

$(”#header”) = 获取 id=”header” 的元素
$(”h3″) = 获取所有&#60;h3&#62;
$(”div#content .photo”) = 获取&#60;div id=”content”&#62;里所有用class=”photo”定义的元素
$(”ul li”) = 获取所以 &#60;ul&#62; 中 &#60;li&#62; 的元素
$(”ul li:first”) = 只获取&#60;ul&#62;中第一个&#60;li&#62;

1. 简单的下拉面板
让我们来开始这个简单的下拉面板特效吧(view demo)，或许你已经见过很多次，现在，自己试试吧：

当包含class=”btn-slide”的元素被点击，它会下拉/上提&#60;div id=”panel”&#62;里的元素。然后切换到CSS中的class=”active”到&#60;a class=”btn-slide”&#62;元素。.active 将会以CSS的方式打开/关闭出面板。
$(document).ready(function(){
$(”.btn-slide”).click(function(){ $(”#panel”).slideToggle(”slow”); $(this).toggleClass(”active”); });
});
2. 简单的隐藏效果
如图，当右上角的上图标被点击时，内容被隐藏。效果可以看Demo (view demo)

当被定义为 &#60;img class=”delete”&#62; 的图片被点击，它会手找到父级元素 &#60;div class=”pane”&#62; 并激活它的能力，慢慢消失，隐藏起来。
$(document).ready(function(){
$(”.pane .delete”).click(function(){ [...]]]></description>
		<wfw:commentRss>http://www.sou5.cn/archives/421.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Ajax APIs Playground</title>
		<link>http://www.sou5.cn/archives/299.html</link>
		<comments>http://www.sou5.cn/archives/299.html#comments</comments>
		<pubDate>Sun, 25 Jan 2009 07:57:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Lecture]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.sou5.cn/?p=299</guid>
		<description><![CDATA[Google 的工程师 Ben Lisbakken 利用他的 20% 时间捣鼓出一个展示 Google 所提供的各种 JavaScript API 功能的界面。开发人员通过这个界面可以迅速检索这些 API 的常用功能，然后对这些示例代码进行在线修改即时查看执行结果。
这个东西比直接去阅读那些枯燥的 API 文档然后在本地自己写测试代码要好用多了，强烈推荐。目前里面包含的API有：

其 中 Libraries API 就是常用 JavaScript 库的 CDN 。对于安全性没有特别要求的中小型网站来说，使用 Google 集中提供的js库（比如jquery）可以减少一次自己服务器的http连接，同时使用 Google CDN 的人越多，这些库文件在浏览器缓存里面存在的可能性就越大，访问速度也就越快。如果 Google 能够永远“不作恶”，永远不倒闭，那么使用他的 Libraries API 绝对比在自己的服务器上放一份拷贝要好。
有趣的是虽然 Google 官方建议通过引用 &#60;script src=&#8221;http://www.google.com/jsapi&#8221;&#62;&#60;/script&#62; 之后调用 google.load(&#8220;jquery&#8221;, &#8220;1&#8243;); 的方法来最高效的使用这些 Libraries API ，但就连这个 Googles AJAX APIs Playground 也是直接用 &#60;script src=&#8221;http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js&#8221; type=&#8221;text/javascript&#8221; charset=&#8221;utf-8&#8243;&#62;&#60;/script&#62; 这样的方式来调用 [...]]]></description>
		<wfw:commentRss>http://www.sou5.cn/archives/299.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 1.3 正式版发布</title>
		<link>http://www.sou5.cn/archives/278.html</link>
		<comments>http://www.sou5.cn/archives/278.html#comments</comments>
		<pubDate>Thu, 15 Jan 2009 10:28:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.sou5.cn/?p=278</guid>
		<description><![CDATA[英文文档：http://docs.jquery.com/Release:jQuery_1.3
jQuery 1.3  经过几个Beta测试以后，正式版终于发布了。
较之1.2.6,它做要有这样一些更新。
一、更为强大的选择器。
jQuery 1.3 的选择器较之以前的更为强健，更具备可扩展性，并且完全独立（虽然可扩展性会牺牲一些性能）
根据jQuery官方的说明文档，这本版本较之上一版本又提高了49%的性能。

二、Live 事件
新版的jQ可以无缝将某一个事件绑定到现在后以后的所有元素上。这个问题其实之前的重复绑定问题，你是否还记得当你append()后的元素无法使用，迫不得已在bind一下或者是在代码上写onclick的尴尬？呵呵，live()出马，一个顶N啊！
比如以前是这样写的。
$(document).ready(function(){
	$("p").bind("click", addF);
	function addF(){
		$(this).append("&#60;p&#62;hello&#60;/p&#62;");
	}
});
那么现在我们就可以这样写了
$(document).ready(function(){
    $("p").live("click", function(){
      $(this).append("&#60;p&#62;hello&#60;/p&#62;");
    });
});
如果你想看更多的关于live和die请看下面的两个链接：
live:http://docs.jquery.com/Events/live
die:http://docs.jquery.com/Events/die
当然jQ肯定也不会忘记提一下我们的性能又提高啦（哈哈）

三、Event对象
主要是根据W3c规范，做了一个标准的对象。当然，因此有了一些变化。
四、注入效率的提升
插入的效率得到了提高，看来以后我们append等事情能更快了。

五、重写了Offset()
据官方说跨浏览器更好了，速度更快了。

六、取消了浏览器监听
改成jQuery.support，具体看它下面跟的“Change”。。
对了，JQ现在用YUI压缩了，呵呵，还是YUI好。
下载链接：http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.min.js&#38;downloadBtn=%3CSPAN%3EDownload%3C%2FSPAN%3E
英文文档：http://docs.jquery.com/Release:jQuery_1.3
]]></description>
		<wfw:commentRss>http://www.sou5.cn/archives/278.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

