<?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>Dream☆Wing &#187; jQuery</title>
	<atom:link href="http://www.dreamwing.org/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.dreamwing.org</link>
	<description></description>
	<lastBuildDate>Sat, 05 Nov 2011 17:23:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>一些开发常用的网站</title>
		<link>http://www.dreamwing.org/web/sites-for-developers.html</link>
		<comments>http://www.dreamwing.org/web/sites-for-developers.html#comments</comments>
		<pubDate>Thu, 16 Sep 2010 16:23:23 +0000</pubDate>
		<dc:creator>Dream☆Wing</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://www.dreamwing.org/?p=849</guid>
		<description><![CDATA[http://scriptsrc.net/
http://javascriptcompressor.com/
http://www.csscompressor.com/
http://fordinteractive.com/tools/emchart/
http://colorschemedesigner.com/
http://www.xml-sitemaps.com/
http://browize.com/
http://spoon.net/browsers/
http://tools.pingdom.com/
http://www.mysqlformatdate.com/
http://tester.jonasjohn.de/
http://www.htaccesseditor.com/en.shtml
http://www.phpform.org/
http://twitapi.com/explore/
]]></description>
		<wfw:commentRss>http://www.dreamwing.org/web/sites-for-developers.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jquery的mouseover与slideDown效果搭配存在的问题</title>
		<link>http://www.dreamwing.org/javascript/jquery_mouseover_slidedown_tips.html</link>
		<comments>http://www.dreamwing.org/javascript/jquery_mouseover_slidedown_tips.html#comments</comments>
		<pubDate>Wed, 30 Dec 2009 07:27:16 +0000</pubDate>
		<dc:creator>Dream☆Wing</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.dreamwing.org/?p=805</guid>
		<description><![CDATA[html结构如下：
&#60;ul id="topNav"&#62;
 &#60;li class="popular"&#62;
  &#60;a href="javascript:void(0);"&#62;Popular&#60;/a&#62;
  &#60;div class="dropMenuList"&#62;
   &#60;a href="popular/message"&#62;Popular message&#60;/a&#62;
   &#60;a href="popular/people"&#62;Popular people&#60;/a&#62;
  &#60;/div&#62;
 &#60;/li&#62;
&#60;!--li loops--&#62;
&#60;/ul&#62;
实现效果如下：
$("#topNav &#62; li").mouseover(function(){
 $("div", $(this)).slideDown();
}).mouseout(function(){
 $("div", $(this)).slideUp();
});
这样写会发现当移动到dropMenuList上时整个div会一直做slideDown和slideUp的死循环，也无法点击dropMenuList上的项目，将slideDown换成hide效果则无此问题，但是效果就没了不是，于是去官网查文档，发现关于mouseover的说明有这么一句话：
Show texts when mouseover and mouseout event triggering. Mouseover fires when the pointer moves into or out from child element, while mouseenter does&#8217;t.
意思就是，mouseover方法当鼠标移动到元素本身以及其子元素时都会被触发，而mouseenter则只在元素本身会被触发，移动到其子元素不会再次触发。
于是：
$("#topNav &#62; li").bind("mouseenter", function(){
 $("div", $(this)).slideDown();
}).bind("mouseleave",function(){
 $("div", $(this)).slideUp();
});
O了。
今天在其他项目使用又发现了个问题，因#topNav &#62; li与div之间有间隔，也会导致这样的死循环，要注意li与div之间无缝衔接XD
]]></description>
		<wfw:commentRss>http://www.dreamwing.org/javascript/jquery_mouseover_slidedown_tips.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[转载]25招改善你的jQuery</title>
		<link>http://www.dreamwing.org/javascript/improve-your-jquery-25-excellent-tips.html</link>
		<comments>http://www.dreamwing.org/javascript/improve-your-jquery-25-excellent-tips.html#comments</comments>
		<pubDate>Fri, 05 Jun 2009 13:05:08 +0000</pubDate>
		<dc:creator>Dream☆Wing</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.dreamwing.org/?p=715</guid>
		<description><![CDATA[译文地址：http://www.cnblogs.com/huyh/archive/2009/03/30/1422976.html
原文地址：http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx
序言
jQuery太棒了。我已经使用了将近一年多的时间。使用它的时间越长，我越了解它的内部运作。
我不是jQuery专家。我也不自称是，因此如果在下面的文章里发现任何错误，请随时纠正或提出改善的建议。
我称自己为中级的jQuery用户，我认为其他一些人可能受益于我过去一年多学到的小技巧、招数和方法。这篇文章比我当初设想的稍长了些，因此我在文章一开始就提供了目录，你可以跳转到感兴趣的部分进行阅读。
目录
 1. 从Google Code加载jQuery
 2. 使用备忘单
 3. 整合所有的脚本并缩减它们
 4. 使用Firebug出色的控制台日志工具
 5. 通过缓存最小化选择操作
 6. 最小化DOM操作
 7. 处理DOM插入操作时，将需要的内容包装在一个元素中
 8. 尽可能使用IDs而不是classes
 9. 给选择器提供上下文
10. 正确使用方法链
11. 学会正确使用效果
12. 了解事件代理
13. 利用classes存储状态
14. 更好的方法是利用jQuery内置的data()方法存储状态
15. 写你自己的选择器
16. 精简你的HTML并在页面加载后修改它
17. 为了速度和SEO方面的考虑，延迟加载内容
18. 使用jQuery提供的工具函数
19. 使用noConflict重命名jQuery对象
20. 如何得知图片已加载完毕
21. 总是使用最新版本
22. 如何检查元素是否存在
23. 给你的HTML属性增加JS类
24. 返回&#8217;false&#8217;以防止默认行为
25. ready事件的简写
1. 从Google Code加载jQuery
Google Code上已经托管了多种JavaScript类库，从Google Code上加载jQuery比直接从你的服务器加载更有优势。它节省了你服务器上的带宽，能够很快的从Google的内容分布网络(CDN)上加载JS类库。更重要的是，如果用户访问那些发布在Google Code上的站点后它会被缓存下来。
这样做很有意义。有多少站点使用了没有被缓存的相同jQuery副本，而这些很容易做到: 

&#60;script src="http://www.google.com/jsapi"&#62;&#60;/script&#62; 

&#60;script type="text/javascript"&#62;

  // Load jQuery 

  google.load("jquery", "1.2.6");

  google.setOnLoadCallback(function() [...]]]></description>
		<wfw:commentRss>http://www.dreamwing.org/javascript/improve-your-jquery-25-excellent-tips.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>jQuery的jQuery.post()的第四个参数需要指定返回的数据类型</title>
		<link>http://www.dreamwing.org/javascript/jquery_post_func.html</link>
		<comments>http://www.dreamwing.org/javascript/jquery_post_func.html#comments</comments>
		<pubDate>Wed, 17 Dec 2008 16:58:04 +0000</pubDate>
		<dc:creator>Dream☆Wing</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[json]]></category>

		<guid isPermaLink="false">http://www.dreamwing.org/?p=458</guid>
		<description><![CDATA[jQuery.post( url, [data], [callback], [type] )
正如标题所说，如果返回的是json格式的话，务必要指定type=‘json’
否则在callback的函数中还按照json格式来调用数据的话，极有可能会为undefined
例如：
function delete_all()
{
	if (!confirm('确定删除?'))
	{
		return false;
	}

	var mid = [];

	$("input:checked").each(function(){
		mid.push($(this).val());
	});

	var sendurl = 'batch.guestbook.php?action=delete';

	$.post(sendurl, {'mid[]':mid}, function(json){
		if (json.info != 'ok') {
                      alert(json.info);
             [...]]]></description>
		<wfw:commentRss>http://www.dreamwing.org/javascript/jquery_post_func.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>无所不在</title>
		<link>http://www.dreamwing.org/web/%e6%97%a0%e6%89%80%e4%b8%8d%e5%9c%a8.html</link>
		<comments>http://www.dreamwing.org/web/%e6%97%a0%e6%89%80%e4%b8%8d%e5%9c%a8.html#comments</comments>
		<pubDate>Sat, 30 Aug 2008 17:56:57 +0000</pubDate>
		<dc:creator>Dream☆Wing</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.dreamwing.org/?p=140</guid>
		<description><![CDATA[

好吧，其实我不是标题党
Introducing Ubiquity
]]></description>
		<wfw:commentRss>http://www.dreamwing.org/web/%e6%97%a0%e6%89%80%e4%b8%8d%e5%9c%a8.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

