<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[Ashen的窝,就要发发啊 - www.cp9188.com]]></title> 
<link>http://www.cp9188.com/index.php</link> 
<description><![CDATA[Ashen的窝,发布壁纸信息,扯屁专用．就要发发]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[Ashen的窝,就要发发啊 - www.cp9188.com]]></copyright>
<item>
<link>http://www.cp9188.com/read.php/64.htm</link>
<title><![CDATA[2010年4月份是历壁纸分享]]></title> 
<author>ashen0229 &lt;admin@yourname.com&gt;</author>
<category><![CDATA[jQuery学习]]></category>
<pubDate>Fri, 19 Mar 2010 08:08:31 +0000</pubDate> 
<guid>http://www.cp9188.com/read.php/64.htm</guid> 
<description>
<![CDATA[ 
	最新收集的20张<a href="http://www.bizhiol.com/bizhi/collection/161" target="_blank">2010年4月日历</a>壁纸<br /> <br /> 该批日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection/161" target="_blank">http://www.bizhiol.com/bizhi/collection/161</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51614" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/1.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" width="350" height="280" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51614" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51614</a><br /> <br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51615" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/2.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51615" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51615</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51616" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/3.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51616" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51616</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51617" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/4.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51617" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51617</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51618" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/5.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51618" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51618</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51619" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/6.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" width="350" height="280" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51619" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51619</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51620" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/7.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51620" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51620</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51621" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/8.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51621" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51621</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51622" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/9.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51622" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51622</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51623" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/10.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51623" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51623</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51624" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/11.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51624" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51624</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51625" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/12.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51625" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51625</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51626" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/13.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51626" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51626</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51627" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/14.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51627" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51627</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51628" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/15.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51628" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51628</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51629" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/16.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51629" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51629</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51630" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/17.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51630" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51630</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51631" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/18.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" width="350" height="263" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51631" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51631</a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51632" target="_blank"><img src="http://www.bizhiol.com/images/dm/calender201004/19.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /> </a><br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51632"><a href="http://www.bizhiol.com/bizhi/collection-image-51632" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51632</a></a><br /> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-51633"><img src="http://www.bizhiol.com/images/dm/calender201004/20.jpg" border="0" alt="2010年4月份是历壁纸分享" title="2010年4月份是历壁纸分享" /></a> <br /> 该日历壁纸下载地址:<a href="http://www.bizhiol.com/bizhi/collection-image-51633"><a href="http://www.bizhiol.com/bizhi/collection-image-51633" target="_blank">http://www.bizhiol.com/bizhi/collection-image-51633</a></a><br /> <br /> <br /> <br /> 更多精彩,尽在壁纸在线网上,<br /> <a href="http://www.bizhiol.com" target="_blank">http://www.bizhiol.com</a><br/>Tags - <a href="http://www.cp9188.com/go.php/tags/%25E6%2597%25A5%25E5%258E%2586%25E5%25A3%2581%25E7%25BA%25B8/" rel="tag">日历壁纸</a> , <a href="http://www.cp9188.com/go.php/tags/%25E6%25A1%258C%25E9%259D%25A2%25E5%25A3%2581%25E7%25BA%25B8/" rel="tag">桌面壁纸</a> , <a href="http://www.cp9188.com/go.php/tags/%25E6%25A1%258C%25E9%259D%25A2%25E8%2583%258C%25E6%2599%25AF/" rel="tag">桌面背景</a> , <a href="http://www.cp9188.com/go.php/tags/%25E5%25A3%2581%25E7%25BA%25B8/" rel="tag">壁纸</a>
]]>
</description>
</item><item>
<link>http://www.cp9188.com/read.php/59.htm</link>
<title><![CDATA[站长们，休息一下]]></title> 
<author>ashen0229 &lt;admin@yourname.com&gt;</author>
<category><![CDATA[jQuery学习]]></category>
<pubDate>Mon, 01 Mar 2010 10:02:34 +0000</pubDate> 
<guid>http://www.cp9188.com/read.php/59.htm</guid> 
<description>
<![CDATA[ 
	　　三月了，一年又没了四分一，刚好在某个网上看到了一篇笑话，送上给大家轻松下，顺便回忆下我们可爱又搞笑的大学生活！<br /><br />　　<strong><u>第一位：&ldquo;浪漫&rdquo;手牵手</u></strong><br />　　我们寝室有时会打牌，输家必须去做赢家所指定的BT事。一次，我和老六一伙，输了。我善良的兄弟们居然让我们在校园里扮同志！于是，就在那天下午，在学校轰动一时的爆炸新闻产生了：可怜的我和可怜的老六手牵着手在校园里走了一圈。所到之处观者要么避之唯恐不及，要么目瞪口呆在原地。耳边不断有声音传来：&ldquo;啊！这不是xxx吗？原来他竟是&hellip;&hellip;&rdquo;&ldquo;唉！多好的两个男生啊！真是可惜啊！&rdquo;&ldquo;MD！这林子大了什么鸟都有！&rdquo;&ldquo;*！什么时候时兴起这玩意了？&rdquo;&hellip;&hellip;&nbsp; <br /><br /><br />　　<u><strong>第二位：自娱自乐</strong></u><br />　　大一时女友过生日，我去校园广播站给她点歌。刚一进去就被播音员认出来了，不过我并不认识她。她十分殷勤地接待了我，脸上写的全是崇拜（可能是本人自作多情了）。然后她向我要磁带，直到这时我才知道原来来这里点歌都要自备磁带的。接下来，发生了一件直到现在还在校园里广为传诵的事情：只见我拿起麦，将音量调到最大，说道：&ldquo;大家好！我是00级经贸系国贸本一班的xxx。今天是我女友XX的生日。在这里，我想亲自为她演唱一首《月亮代表我的心》。&rdquo;接着便唱了起来。当我唱完整首歌转过身时，发现播音员两眼直直地盯着我，脸上一种无法言状的表情。几秒钟后，她忽然笑着对我说：&ldquo;这是我所见过的最浪漫的点歌。&rdquo;她以后一定会更崇拜我了，我心想。这时，整座楼里，不，整个校园沸腾了&hellip;&hellip;掌声，叫好声和口哨声从四面八方传来。在这片嘈杂声中，我走出了这间屋子，发现屋外挤满了人&hellip;&hellip;就这样，我和女友成为了学校情侣中最有名的一对。<br /><br /><br />　　<u><strong>第三位：借刀杀人</strong></u><br />　　刚入学时，学校有个精神病。那时学校要求我们在班级上晚自习。有一天晚上，我在走廊里看见他，脑子里突然起了个坏主意。我对他说：&ldquo;我听大家说你唱歌可好听了，像张学友。&rdquo;他一听别提多高兴了，非要唱给我听。我忙说： &ldquo;其实我不太喜欢张学友，不过我有个朋友非常喜欢他。他总在我面前提起你，说你唱歌特好听，特希望你能给他唱一首。&rdquo;他忙问：&ldquo;你朋友是哪个班的？&rdquo;我指向朋友所在的班级&hellip;&hellip;晚上刚一回到寝室，朋友就推门而入，一脸的衰相：&ldquo;唉！今天别提多点背了！晚上在班级上自习，咱们学校那精神病突然闯了进去走上讲台，一进屋就要找我。非说我是他忠实的歌迷，还现场给我演唱了一首&hellip;&hellip;唉！也不知道我哪得罪他了？还连累了一个班的同学。&rdquo;<br /><br />　　<u><strong>第四位：卫生标兵</strong></u><br />　　一天，我忽然发现睡我对床的老五的被子很黄，于是为他这是为何。没想到这厮居然说我晚上睡觉有时会放P，而且是把被子掀开来放！于是乎就把他的被子崩黄了&hellip;&hellip;&amp;%!$#在我的&ldquo;严刑拷打&rdquo;下，他终于承认是由于自己不讲卫生所以被子才这么黄的，但却一口咬定我睡觉有时会放P这是真的。哈哈~~看来本人果然讲究卫生，就连在睡觉时放P 这种无意识状态下都会把被子掀起来再进行&hellip;&hellip;<br /><br />　　<u><strong>第五位：言出必行</strong></u><br />　　有一天晚上就寝前，忘了是什么事了，老四向我&ldquo;挑衅&rdquo;。我对他说：&ldquo;你信不信我把你扔红桶（公用卫生间里装垃圾的大桶，是红色的）里？&rdquo;他听后居然继续向我&ldquo;挑衅&rdquo;：&ldquo;我不信！今天你要不把我扔红桶里我都不乐意！你要不扔你就不是我三哥！&rdquo;我这一看，小样，还治不了你了？我一下子就将他从床上扛到肩上，大步走到卫生间，对准红桶将他塞了进去！当然他浑身上下只穿了条短裤。至此，他终于信了，一脸的苦笑：&ldquo;你果然是我三哥。不！你是我亲哥！&rdquo;<br /><br />　　<u><strong>第六位：《无间道4》</strong></u><br />　　大四冬天时，《无间道3》正在火热放映。有一天闲着无事，就用PhotoShop将其海报上的六个男影星换上我们寝室六人的照片，将中间的陈慧琳位置空出，打上&ldquo;招租&rdquo;的字样并留下联系方式，然后去外边将修改过的海报按原来大小喷绘出来，张贴于女寝楼下。没想到后来接到了很多女生打来的求租电话外加其他电话，我们寝室也因此一下成为了学校的明星寝室。<br /><br />　　<u><strong>第七位：男生也例假</strong></u><br />　　刚入学时学校搞晨练，每天旷操和因假无法出操的都会被记名并附上未出操原因写在教学楼大厅的通报板上。有天晚上，我出教学楼时发现四下无人，于是就偷偷将通报板上认识的男生名子后面的原因都改为了&ldquo;例假&rdquo;&hellip;&hellip;<br /><br />　　<u><strong>第八位：反&ldquo;恐&rdquo;精英</strong></u><br />　　大一时迷上了反恐，听在国外的表哥说那里有卖仿真46的，就让他给了邮了一支拿到了学校。从此我们学校就诞生了一位令人闻风丧胆的狙击手。传说他经常通过寝室窗户向外进行暗杀活动，且专杀熟人，所有他的室友和兄弟外加同学都已死在了回寝的路上&hellip;&hellip;<br /><br />　　<u><strong>第九位：&ldquo;巧&rdquo;取软盘</strong></u><br />　　一次去学校新开的一个机房上机。在不知机器还没有装软驱的情况下将软盘插了进去，结果只听&ldquo;biu&rdquo;的一声，软盘掉了进去。怎么办？软盘里面还有很重要的东东。旁边的外教看到了，冲我耸了耸肩。我对她回以一个含糖量4个＋的微笑，心里却想：&ldquo;Why are you 耸肩ing?&rdquo;接着，令机房老师到现在还对本人念念不忘的一幕出现了：只见我抬起机箱，将其软驱口向下一顿猛晃&hellip;&hellip;软盘出来了。旁边的外教向我伸出了大拇指：&ldquo;Oh!You are so cool!&rdquo;我很谦虚地答道：&ldquo;一般cool。&rdquo;<br /><br />　　<u><strong>第十位：善解人意</strong></u><br />　　有一次上课的时候，讲课老师的手机突然响了。虽然学校有规定教师上课时不准接打手机，但是这位恩师也够可以的，居然把手机掏出来就是盯着看，既不当堂接又不打算出去接。这时，同学们忍不住了：&ldquo;老师，要不你出去接吧！&rdquo;我们的老师却还是一动不动地盯着手机看。此时，我终于也忍不住了：&ldquo;老师，要不我们都出去，你在屋里接？&rdquo;老师Faint&hellip;&hellip;<br /><br /><br/>Tags - <a href="http://www.cp9188.com/go.php/tags/%25E7%25AC%2591%25E8%25AF%259D/" rel="tag">笑话</a> , <a href="http://www.cp9188.com/go.php/tags/%25E6%2590%259E%25E7%25AC%2591%25E3%2580%2580%25E7%25BB%258F%25E5%2585%25B8%25E3%2580%2580%25E7%2594%259F%25E6%25B4%25BB%25E3%2580%2580/" rel="tag">搞笑　经典　生活　</a>
]]>
</description>
</item><item>
<link>http://www.cp9188.com/read.php/43.htm</link>
<title><![CDATA[光棍节笑话一篇:女朋友升级成妻子]]></title> 
<author>ashen0229 &lt;admin@yourname.com&gt;</author>
<category><![CDATA[jQuery学习]]></category>
<pubDate>Wed, 11 Nov 2009 08:02:37 +0000</pubDate> 
<guid>http://www.cp9188.com/read.php/43.htm</guid> 
<description>
<![CDATA[ 
	亲爱的技术支持：<br/>　　　　<br/>　　　　我急需您的帮助。我最近将“女朋友7.0”升级到“妻子1.0”，发现这个新程序意外地启动了孩子生产程序，而且占用了大量的空间和珍贵的资源。这在产品的使用手册中没有提到。此外“妻子1.0”自动将自己安装到其他的所有的程序中，它随系统同时启动，监控整个系统的状态。男人夜出2.5”和“高尔夫5.3”无法再运行，一旦运行该程序系统即行崩溃。试图运行“周日足球6.3”经常失败，而“周六购物7.1”却代之运行。看来我无法保留“妻子 1.0”，因为它和我喜欢运行的任何程序都不相容。我打算回到“女朋友7.0”，可是这个程序又无法卸载。<br/>　　　　<br/>　　　　请您帮帮我吧！<br/>　　　　<br/>　　　　乔<br/>　　　　<br/>　　　　<br/>　　　　<br/>　　　　给乔的回信:<br/>　　　　亲爱的乔：<br/>　　　　<br/>　　　　这是个很普通的问题，产生于你对基本原理的不了解。<br/>　　　　<br/>　　　　很多的男人将“女朋友7.0”升级到“妻子1.0”，以为“妻子1.0”是一个“实用与娱乐程序”。然而“妻子1.0”却是个操作系统，是被设计用来运行所有程序的。你不可能清除“妻子1.0”，也不可能回到“女朋友7.0”，因为“妻子1.0”的设计中不具有这个功能，无论是卸载、删除或是清除已经安装在系统中的这些程序文件，都是不可能的。<br/>　　　　<br/>　　　　有些人曾试图安装“女朋友8.0”或者“妻子2.0”，结果是产生了更多的问题(参见手册中的赡养费/孩子的养育/律师费用)。我安装过“妻子1.0”，我建议你保持现在的安装状态，妥善解决遇到的困难。<br/>　　　　<br/>　　　　当任何错误或问题出现的时候，不论你认为是什么原因引起的，你必须运行“C:＼我道歉”程序，并且避免使用“退出键”。必要时可能需要运行“C：＼我道歉”多次，希望最终能使*作系统恢复到初始状态。<br/>　　　　<br/>　　　　“妻子1.0”虽然是一个需要高保养的程序，但同时对人可能是非常有益的。充分地利用它，需要买些额外的软件比如“鲜花2.0”和“巧克力5.0”。<br/>　　　　不要在任何情况下安装“秘书(短裙版)”，因为“妻子1.0”不支持这种程序，而且系统多数时候肯定会崩溃<br/><br/>Tags - <a href="http://www.cp9188.com/go.php/tags/%25E5%25A5%25B3%25E6%259C%258B%25E5%258F%258B/" rel="tag">女朋友</a> , <a href="http://www.cp9188.com/go.php/tags/%25E5%25A6%25BB%25E5%25AD%2590/" rel="tag">妻子</a> , <a href="http://www.cp9188.com/go.php/tags/%25E5%2585%2589%25E6%25A3%258D/" rel="tag">光棍</a> , <a href="http://www.cp9188.com/go.php/tags/%25E7%25AC%2591%25E8%25AF%259D/" rel="tag">笑话</a>
]]>
</description>
</item><item>
<link>http://www.cp9188.com/read.php/40.htm</link>
<title><![CDATA[花主题壁纸]]></title> 
<author>ashen0229 &lt;admin@yourname.com&gt;</author>
<category><![CDATA[jQuery学习]]></category>
<pubDate>Tue, 06 Oct 2009 07:52:02 +0000</pubDate> 
<guid>http://www.cp9188.com/read.php/40.htm</guid> 
<description>
<![CDATA[ 
	<a href="http://www.bizhiol.com/bizhi/collection-image-39282" title="壁纸描述:花油画;关键字:桌面背景 画 花 植物 水珠 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910061100034.jpg" border="0" alt="壁纸描述:花油画;关键字:桌面背景 画 花 植物 水珠 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39282" title="壁纸描述:花油画;关键字:桌面背景 画 花 植物 水珠 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39281" title="壁纸描述:花油画;关键字:桌面背景 画 花 植物 百合 花蕊 花粉 绿叶; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910061100030.jpg" border="0" alt="壁纸描述:花油画;关键字:桌面背景 画 花 植物 百合 花蕊 花粉 绿叶; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39281" title="壁纸描述:花油画;关键字:桌面背景 画 花 植物 百合 花蕊 花粉 绿叶; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39280" title="壁纸描述:花油画;关键字:桌面背景 画 花 植物 小雏菊 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/20091006110003.jpg" border="0" alt="壁纸描述:花油画;关键字:桌面背景 画 花 植物 小雏菊 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39280" title="壁纸描述:花油画;关键字:桌面背景 画 花 植物 小雏菊 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39279" title="壁纸描述:花花世界;关键字:桌面背景 画 花 植物 花蕊 绿叶; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/2009100611000223.jpg" border="0" alt="壁纸描述:花花世界;关键字:桌面背景 画 花 植物 花蕊 绿叶; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39279" title="壁纸描述:花花世界;关键字:桌面背景 画 花 植物 花蕊 绿叶; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39278" title="壁纸描述:花油画;关键字:桌面背景 画 花 植物; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910061100022.jpg" border="0" alt="壁纸描述:花油画;关键字:桌面背景 画 花 植物; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39278" title="壁纸描述:花油画;关键字:桌面背景 画 花 植物; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39277" title="壁纸描述:画兰花;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910061100024.jpg" border="0" alt="壁纸描述:画兰花;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39277" title="壁纸描述:画兰花;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39276" title="壁纸描述:鲜艳的红花;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910061100027.jpg" border="0" alt="壁纸描述:鲜艳的红花;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39276" title="壁纸描述:鲜艳的红花;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39275" title="壁纸描述:画兰花;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/20091006110002.jpg" border="0" alt="壁纸描述:画兰花;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39275" title="壁纸描述:画兰花;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39274" title="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 花蕊 绿叶 花苞; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060900032.jpg" border="0" alt="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 花蕊 绿叶 花苞; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39274" title="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 花蕊 绿叶 花苞; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39273" title="壁纸描述:小野花;关键字:桌面背景 画 花 植物 绿叶; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060900034.jpg" border="0" alt="壁纸描述:小野花;关键字:桌面背景 画 花 植物 绿叶; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39273" title="壁纸描述:小野花;关键字:桌面背景 画 花 植物 绿叶; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39272" title="壁纸描述:大红花,蓝蝴蝶;关键字:桌面背景 画 花 植物 绿叶; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/20091006090003.jpg" border="0" alt="壁纸描述:大红花,蓝蝴蝶;关键字:桌面背景 画 花 植物 绿叶; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39272" title="壁纸描述:大红花,蓝蝴蝶;关键字:桌面背景 画 花 植物 绿叶; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39271" title="壁纸描述:花世界;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060900024.jpg" border="0" alt="壁纸描述:花世界;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39271" title="壁纸描述:花世界;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39270" title="壁纸描述:小菊花;关键字:桌面背景 画 花 植物 绿叶 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060900021.jpg" border="0" alt="壁纸描述:小菊花;关键字:桌面背景 画 花 植物 绿叶 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39270" title="壁纸描述:小菊花;关键字:桌面背景 画 花 植物 绿叶 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39269" title="壁纸描述:大红花;关键字:桌面背景 画 花 植物 小雏菊 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060900027.jpg" border="0" alt="壁纸描述:大红花;关键字:桌面背景 画 花 植物 小雏菊 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39269" title="壁纸描述:大红花;关键字:桌面背景 画 花 植物 小雏菊 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39268" title="壁纸描述:画兰花;关键字:桌面背景 画 花 植物 花蕊 绿叶; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/20091006090002.jpg" border="0" alt="壁纸描述:画兰花;关键字:桌面背景 画 花 植物 花蕊 绿叶; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39268" title="壁纸描述:画兰花;关键字:桌面背景 画 花 植物 花蕊 绿叶; 尺寸:1600X1200">查看1600X1200大图</a><p>&nbsp;</p> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39267" title="壁纸描述:千姿百态的花花;关键字:桌面背景 画 花 植物 花蕊 动物 昆虫 蝴蝶; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/20091006090001.jpg" border="0" alt="壁纸描述:千姿百态的花花;关键字:桌面背景 画 花 植物 花蕊 动物 昆虫 蝴蝶; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39267" title="壁纸描述:千姿百态的花花;关键字:桌面背景 画 花 植物 花蕊 动物 昆虫 蝴蝶; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39266" title="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060700035.jpg" border="0" alt="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39266" title="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39265" title="壁纸描述:花世界;关键字:桌面背景 画 花 植物; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060700031.jpg" border="0" alt="壁纸描述:花世界;关键字:桌面背景 画 花 植物; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39265" title="壁纸描述:花世界;关键字:桌面背景 画 花 植物; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39264" title="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 牡丹 花瓣; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/20091006070003.jpg" border="0" alt="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 牡丹 花瓣; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39264" title="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 牡丹 花瓣; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39263" title="壁纸描述:红色花花壁纸;关键字:桌面背景 画 花 植物; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060700021.jpg" border="0" alt="壁纸描述:红色花花壁纸;关键字:桌面背景 画 花 植物; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39263" title="壁纸描述:红色花花壁纸;关键字:桌面背景 画 花 植物; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39262" title="壁纸描述:紫色花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060700023.jpg" border="0" alt="壁纸描述:紫色花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39262" title="壁纸描述:紫色花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39261" title="壁纸描述:紫色花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/20091006070002.jpg" border="0" alt="壁纸描述:紫色花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39261" title="壁纸描述:紫色花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39260" title="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 百合 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/20091006070001.jpg" border="0" alt="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 百合 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39260" title="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 百合 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39259" title="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 花蕊 绿叶; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/20091006050004.jpg" border="0" alt="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 花蕊 绿叶; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39259" title="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 花蕊 绿叶; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39258" title="壁纸描述:彩绘花花壁纸;关键字:桌面背景 画 花 植物 花瓣; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060500034.jpg" border="0" alt="壁纸描述:彩绘花花壁纸;关键字:桌面背景 画 花 植物 花瓣; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39258" title="壁纸描述:彩绘花花壁纸;关键字:桌面背景 画 花 植物 花瓣; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39257" title="壁纸描述:素描花花壁纸;关键字:桌面背景 画 花 植物 动物 昆虫 蝴蝶 华日; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060500038.jpg" border="0" alt="壁纸描述:素描花花壁纸;关键字:桌面背景 画 花 植物 动物 昆虫 蝴蝶 华日; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39257" title="壁纸描述:素描花花壁纸;关键字:桌面背景 画 花 植物 动物 昆虫 蝴蝶 华日; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39256" title="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/20091006050003.jpg" border="0" alt="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39256" title="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39255" title="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物 水墨; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060500022.jpg" border="0" alt="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物 水墨; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39255" title="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物 水墨; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39253" title="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/200910060500017.jpg" border="0" alt="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39253" title="壁纸描述:水墨花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br /> <a href="http://www.bizhiol.com/bizhi/collection-image-39252" title="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200"><img src="http://www.bizhiol.com/picture/small/20091006/20091006050001.jpg" border="0" alt="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200" width="150" height="150" /></a> <a href="http://www.bizhiol.com/bizhi/collection-image-39252" title="壁纸描述:花花壁纸;关键字:桌面背景 画 花 植物 花蕊; 尺寸:1600X1200">查看1600X1200大图</a> <br/>Tags - <a href="http://www.cp9188.com/go.php/tags/%25E8%258A%25B1/" rel="tag">花</a> , <a href="http://www.cp9188.com/go.php/tags/%25E5%25A3%2581%25E7%25BA%25B8%25E3%2580%2580www.bizhiol.com/" rel="tag">壁纸　www.bizhiol.com</a>
]]>
</description>
</item><item>
<link>http://www.cp9188.com/read.php/29.htm</link>
<title><![CDATA[每天五分钟之jQuery从入门到精通(第六课) ]]></title> 
<author>ashen0229 &lt;admin@yourname.com&gt;</author>
<category><![CDATA[jQuery学习]]></category>
<pubDate>Tue, 18 Aug 2009 12:22:27 +0000</pubDate> 
<guid>http://www.cp9188.com/read.php/29.htm</guid> 
<description>
<![CDATA[ 
	<strong><span style="color: #ff0000"><span style="font-size: medium; color: #000000">第六课 show()和hide()<br /></span><br />工欲善其事,必先利其器<br /></span></strong><br /><strong>学习jQuery,必先下载jQuery,下载地方:jquery.com<br /></strong><br /><br /><br />温故知新，回顾上一课的内容，我们讲了html()和val()方法的使用，他们分别用于设置和读取标签的内容及input标签元素的值，如：<br />&nbsp;<br />设置#status标签的内容为登录成功！<br />$('#status').html('登录成功！');<br /><br />设置#username的值为Jacky<br />$('#username').val('Jacky');<br /><br />读取标签元素的HTML内容及读取input元素的值，则不要加参数，如：<br />$('#status').html();&nbsp;&nbsp; $('#username').val();<br /><br /><br /><span style="font-size: small"><strong>第六课　show()和hide()的用法</strong></span><br /><br />在网页设计中，经常会用到切换层的技术，或自定义提示窗的样式，这时就经常会将一些暂时不需要显示的信息隐藏起来，等需要的时候再将它显示出来。例如上一课有提到的登录的状态信息，当用户登录成功或失败的时候，信息才会显示出来。<br />&nbsp;<br />通常，我们都是将这些信息用div包起来，然后将CSS的display:none; 应用到这个DIV中，将它隐藏起来，当有需要的时候就修改display为block，即可将该隐藏的DIV显示出来。<br /><br />如果用传统的JS来实现这样的功能，可能对于一般的UI设计师来说，可能还有点难度，但用jQuery来实现，就简单的多了。<br /><br />要隐藏或显示一个层（如一个DIV），用jQuery太简单的，假如我们要显示一个ID为status的标签元素，用jQuery是这样实现的：<br /><br />$('#status').show();<br /><br />如果要隐藏一个ID为status的标签元素，你可能已经猜到，那就是:<br /><br />$('#status').hide();<br /><br />如果你能show()和hide()加上参数，还可以有动画效果。<br /><br /><strong>show()的动画效果实现</strong><br /><br />如果你想以动画的效果快速显示一个元素，那么可以指定 <strong>'fast'</strong> 参数给show()方法，如：<br /><br />$('#status').show('fast');<br /><br />如果你想慢点显示它，那么可以这样：<br /><br />$('#status').show('slow');<br /><br />你还可以指定在多少时间内显示它，只要指定一个时间值即可，如：<br /><br />$('#status').show(1000);<br /><br /><br />上面提到的 $('#status').show(1000);中的1000是毫秒数，1000毫秒等于1秒，那么这里就是指定在一秒内显示#status，你可以指定任意的有效时间值，具体看你的需求了。<br /><br />当然hide()方法也是一样的，要以动画快点隐藏它，则 $('#status').hide('fast'); 要慢点隐藏它，则 $('#status').hide('slow'); 也可以指定具体时间，如在3秒内隐藏它，$('#status').hide(3000);<br /><br />在第一课我们就学习了点击事件的内容，例如当点击一个按钮时就执行一个操作，那么结合这一课的内容，你就可以实现当点击一个链接或任意的元素时，就显示或隐藏你想显示或隐藏的内容了。<br /><br /><span style="font-size: medium"><strong>完整示例代码</strong></span><br /><br /><span style="background-color: #99ffff">&lt;html&gt;</span><br /><span style="background-color: #99ffff">&lt;head&gt;</span><br /><span style="background-color: #99ffff">&lt;title&gt;jquery study&lt;/title&gt;</span><br /><span style="background-color: #99ffff">&lt;script xsrc=&quot;jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</span><br /><span style="background-color: #99ffff">&lt;style&gt;</span><br /><span style="background-color: #99ffff">#status&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; width: 200px;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; height: 50px;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; line-height: 50px;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; border: 1px solid #ccc;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; color: #333;</span><br /><span style="background-color: #99ffff">&#125;</span><br /><span style="background-color: #99ffff">&lt;/style&gt;</span><br /><br /><span style="background-color: #99ffff">&lt;/head&gt;</span><br /><span style="background-color: #99ffff">&lt;body&gt;</span><br /><span style="background-color: #99ffff">&lt;div id=&quot;status&quot;&gt;DIV：我现在没有隐身&lt;/div&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn&quot; type=&quot;button&quot; value=&quot;隐藏DIV&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn2&quot; type=&quot;button&quot; value=&quot;显示DIV&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn3&quot; type=&quot;button&quot; value=&quot;快速隐藏DIV&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn4&quot; type=&quot;button&quot; value=&quot;快速显示DIV&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn5&quot; type=&quot;button&quot; value=&quot;慢速隐藏DIV&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn6&quot; type=&quot;button&quot; value=&quot;慢速显示DIV&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn7&quot; type=&quot;button&quot; value=&quot;1秒显示DIV&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn8&quot; type=&quot;button&quot; value=&quot;5秒显示DIV&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn9&quot; type=&quot;button&quot; value=&quot;2秒隐藏DIV&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn10&quot; type=&quot;button&quot; value=&quot;6秒隐藏DIV&quot; /&gt;</span><br /><br /><span style="background-color: #99ffff">&lt;script&gt;</span><br /><br /><span style="background-color: #99ffff">$('#btn').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; $('#status').hide();</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><br /><span style="background-color: #99ffff">$('#btn2').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; $('#status').show();</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><br /><span style="background-color: #99ffff">$('#btn3').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; $('#status').hide('fast');</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><br /><br /><span style="background-color: #99ffff">$('#btn4').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; $('#status').show('fast');</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><br /><span style="background-color: #99ffff">$('#btn5').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; $('#status').hide('slow');</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><span style="background-color: #99ffff">$('#btn6').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; $('#status').show('slow');</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><span style="background-color: #99ffff">$('#btn7').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; $('#status').show(1000);</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><br /><span style="background-color: #99ffff">$('#btn8').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; $('#status').show(5000);</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><span style="background-color: #99ffff">$('#btn9').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; $('#status').hide(2000);</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><span style="background-color: #99ffff">$('#btn10').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp; $('#status').hide(6000);</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><span style="background-color: #99ffff">&lt;/script&gt;</span><br /><span style="background-color: #99ffff">&lt;/body&gt;</span><br /><span style="background-color: #99ffff">&lt;/html&gt;</span><br /><br /><br /><br /><br /><br /><br /><br /><br/>Tags - <a href="http://www.cp9188.com/go.php/tags/%25E6%25AF%258F%25E5%25A4%25A9%25E4%25BA%2594%25E5%2588%2586%25E9%2592%259F/" rel="tag">每天五分钟</a> , <a href="http://www.cp9188.com/go.php/tags/jquery/" rel="tag">jquery</a> , <a href="http://www.cp9188.com/go.php/tags/%25E5%2585%25A5%25E9%2597%25A8%25E5%2588%25B0%25E7%25B2%25BE%25E9%2580%259A/" rel="tag">入门到精通</a>
]]>
</description>
</item><item>
<link>http://www.cp9188.com/read.php/28.htm</link>
<title><![CDATA[每天五分钟之jQuery从入门到精通(第五课) ]]></title> 
<author>ashen0229 &lt;admin@yourname.com&gt;</author>
<category><![CDATA[jQuery学习]]></category>
<pubDate>Sat, 15 Aug 2009 06:05:33 +0000</pubDate> 
<guid>http://www.cp9188.com/read.php/28.htm</guid> 
<description>
<![CDATA[ 
	<p><strong><span style="color: #ff0000"><span style="color: #000000; font-size: medium">第五课&nbsp;&nbsp;&nbsp; html()方法及val()方法的使用<br /></span><br />工欲善其事,必先利其器<br /></span></strong><br /><strong>学习jQuery,必先下载jQuery,下载地方:jquery.com<br /></strong><br /><br /><br /><br />温故而知新，上一课我们学习了attr()的用法，它跟css()的用法是一样的，都比较容易明白。</p><p>attr()是设置标签属性的方法<br />css()是设置标签样式的方法</p><p>如要设置标签的id，name，value，checked，class 等属性，都可以用attr()方法来实现</p><p>如果要设置标签样式方面的属性，如 width,height,color,border 等等，可以用 css() 方法来实现<br /><br /><span style="color: #ff0000"><span style="color: #000000; font-size: medium"><strong>第五课&nbsp;&nbsp;&nbsp; html()方法及val()方法的使用</strong><br /></span></span><br /><br /><br />很常情况下，我们要改变一个标签显示的内容，例如，当用户执行一个操作时，我们会根据执行的结果给用户提示不同的信息。当然，要实现这个功能，有很多方式，例如可以定义多个标签（如div），不同的标签放置不同的提示信息，然后将这些信息隐藏，然后根据操作的结果显示相应标签的信息。</p><p>如登录的结果信息：</p><p>&lt;div class=&quot;succ&quot;&gt;登录成功！&lt;/div&gt;<br />&lt;div class=&quot;fail&quot;&gt;登录失败！&lt;/div&gt;</p><p>当登录成功时，显示成功的标签(.succ)，失败时显示失败的标签(.fail)<br />以上方法唯一的缺点就是要定义很多标签，难于维护。另一种方法就是只定义一个标签，然后根据不同的操作结果，将要显示的信息显示在这个标签上。</p><p>如，定义一个标签:</p><p>&lt;div id=&quot;status&quot;&gt;&lt;/div&gt;</p><p>当登录成功时，将标签（#status）的内容显示为&ldquo;登录成功！&rdquo;，登录失败时显示为&ldquo;登录失败！&rdquo;</p><p>用jQuery很容易就做到，就是用html()方法<br /><br />用html()方法可以很方便的修改某个或某些指定的标签的内容，如要修改之前提到的&lt;div id=&quot;status&quot;&gt;&lt;/div&gt;的内容，则：</p><p>$('#status').html('这里是要显示的内容');</p><p>像上面提到的登录的结果显示问题，则可以根据返回的结果调用html()设置不同的结果提示则可。</p><p>登录成功时调用：$('#status').html('登录成功！');</p><p>登录失败时调用：$('#status').html('登录失败！');<br /><br />如果只是想往标签里加内容，而不将它里面的内容清除，则可以先将它的内容读出来，加上你要添加的内容，再用html()方法设置到标签中则可。</p><p>要读取标签中的内容，也是用html()方法，但不要提供参数，例如要读取#status标签的内容，则：</p><p>$('#status').html();</p><p>这样就会读取#status的内容了，如果html()的括号中有内容，那么就会用你提供的内容替换掉#status原来的内容了。<br /><br />知道如何读取内容，如果你想在标签原来的内容前面加上新内容，那么可以这样：</p><p>$('#status').html('这是新内容'+$('#status').html());</p><p>上面&ldquo;+&rdquo;号的意思是将你要添加的内容和原来内容进行相连</p><p>如果你要添加内容到原来内容的后面，则：</p><p>$('#status').html($('#status').html()+'这是你要添加到后面的内容');</p><p>顺序倒一下就行了<br /><br />有时，我们要读取或设置&lt;input&gt;中的值，例如在一个注册的表单中，我们可以根据一些条件自动为用户填写内容，像扬沙网的下订单页面，当用户登录并有送货地址记录时，如果他选择了某个送货地址，JS就会自动将他之前填写的地址自动填进表单中。</p><p>要填写某个表单项的值，其实有很多方法，一种是前面我们已经学习过的，用attr()方法，因为input中的value也是一个属性，那么修改属性的值是可以用attr()进行修改的，那么要设置某个表单项的值，如&lt;input type=&quot;text&quot; id=&quot;username&quot; name=&quot;username&quot; value=&quot;&quot; /&gt;</p><p>我们可以这样： $('#username').attr('value','用户名');<br /><br />除了可以attr()方法外，还有另一个专门为value值而设计的val()方法，因为它是专门为表单类的标签而设计的，所以它考虑到更多情况的问题，这些问题是比较复杂的，在目前就不去讨论，现在我们只要知道，用val()方法是可以设置和读取表单元素的值的。</p><p>val()跟html()差不多的用法，如果要设置某个表单项的值，则提供参数值到括号中，如果要读取表单项的值，则不要提供参数。</p><p>如：</p><p>$('#username').val('用户名');<br /><br />val()方法比较方便的地方是设置&lt;select&gt;,&lt;input type=&quot;radio&quot;&gt;这些表单元素，<br />如有：<br />&lt;select id=&quot;city&quot;&gt;<br />&lt;option value=&quot;1&quot;&gt;广州&lt;/option&gt;<br />&lt;option value=&quot;2&quot;&gt;深圳&lt;/option&gt;<br />&lt;option value=&quot;3&quot;&gt;珠海&lt;/option&gt;<br />&lt;/select&gt;</p><p>如果要选择&ldquo;深圳&rdquo;，则调用： $('#city').val(2);</p><p>如果想知道选择了哪个，则调用：$('#city').val();<br /><br />完整示例代码<br /><span style="background-color: #99ffff">&lt;html&gt;<br />&lt;head&gt;<br />&lt;title&gt;jquery study&lt;/title&gt;<br />&lt;script src=&quot;jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br />&lt;style&gt;<br />#status&#123;<br />&nbsp;&nbsp;&nbsp; width: 200px;<br />&nbsp;&nbsp;&nbsp; height: 50px;<br />&nbsp;&nbsp;&nbsp; line-height: 50px;<br />&nbsp;&nbsp;&nbsp; border: 1px solid #ccc;<br />&nbsp;&nbsp;&nbsp; color: #333;<br />&#125;<br />&lt;/style&gt;<br />&lt;/head&gt;</span></p><p><span style="background-color: #99ffff">&lt;body&gt;<br />&lt;div id=&quot;status&quot;&gt;显示操作结果&lt;/div&gt;<br />用户名：&lt;input type=&quot;text&quot; id=&quot;username&quot; value=&quot;&quot; /&gt;&lt;br /&gt;<br />&lt;select id=&quot;city&quot;&gt;<br />&nbsp;&nbsp;&nbsp; &lt;option value=&quot;&quot;&gt;--选择城市--&lt;/option&gt;<br />&nbsp;&nbsp;&nbsp; &lt;option value=&quot;1&quot;&gt;广州&lt;/option&gt;<br />&nbsp;&nbsp;&nbsp; &lt;option value=&quot;2&quot;&gt;深圳&lt;/option&gt;<br />&nbsp;&nbsp;&nbsp; &lt;option value=&quot;3&quot;&gt;珠海&lt;/option&gt;<br />&lt;/select&gt;<br />&lt;br /&gt;&lt;br /&gt;<br />&lt;input id=&quot;btn&quot; type=&quot;button&quot; value=&quot;登录成功&quot; /&gt;<br />&lt;input id=&quot;btn2&quot; type=&quot;button&quot; value=&quot;登录失败&quot; /&gt;<br />&lt;input id=&quot;btn3&quot; type=&quot;button&quot; value=&quot;设置用户我为Jacky&quot; /&gt;</span></p><p><span style="background-color: #99ffff">&lt;input id=&quot;btn4&quot; type=&quot;button&quot; value=&quot;选择城市为深圳&quot; /&gt;<br />&lt;script&gt;</span></p><p><span style="background-color: #99ffff">$('#btn').click(function()&#123;<br />&nbsp;&nbsp;&nbsp; $('#status').html('登录成功！');<br />&#125;);</span></p><p><span style="background-color: #99ffff">$('#btn2').click(function()&#123;<br />&nbsp;&nbsp;&nbsp; $('#status').html('登录失败！');<br />&#125;);</span></p><p><span style="background-color: #99ffff">$('#btn3').click(function()&#123;<br />&nbsp;&nbsp;&nbsp; $('#username').val('Jacky');<br />&#125;);</span></p><p><span style="background-color: #99ffff">$('#btn4').click(function()&#123;<br />&nbsp;&nbsp;&nbsp; $('#city').val(2);<br />&#125;);<br />&lt;/script&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;<br /></span><br /><br /><br /><br /><br /><br /><br /><br /></p><br/>Tags - <a href="http://www.cp9188.com/go.php/tags/%25E6%25AF%258F%25E5%25A4%25A9%25E4%25BA%2594%25E5%2588%2586%25E9%2592%259F/" rel="tag">每天五分钟</a> , <a href="http://www.cp9188.com/go.php/tags/jquery/" rel="tag">jquery</a> , <a href="http://www.cp9188.com/go.php/tags/%25E5%2585%25A5%25E9%2597%25A8%25E5%2588%25B0%25E7%25B2%25BE%25E9%2580%259A/" rel="tag">入门到精通</a>
]]>
</description>
</item><item>
<link>http://www.cp9188.com/read.php/27.htm</link>
<title><![CDATA[每天五分钟之jQuery从入门到精通(第四课)]]></title> 
<author>ashen0229 &lt;admin@yourname.com&gt;</author>
<category><![CDATA[jQuery学习]]></category>
<pubDate>Wed, 12 Aug 2009 05:59:20 +0000</pubDate> 
<guid>http://www.cp9188.com/read.php/27.htm</guid> 
<description>
<![CDATA[ 
	<strong><span style="color: #ff0000">工欲善其事,必先利其器</span><br /></strong><a name="entrymore"></a><strong><br /><br />学习jQuery,必先下载jQuery,下载地方:jquery.com<br /></strong><br /><br /><br />温故而知新，还是让我们来回顾一下上一课我们所讲的内容。<br /><br />上一课我们讲了 css()方法的使用，如设置某个或某些标签的CSS样式，<br /><br />如：<br /><br />$('a').css('color','blue');<br />$('div').css('border','1px solid #ccc');<br /><br />但有些标签的属性不是CSS的，那该怎么设置？如&lt;div id=&quot;btn&quot;&gt;中的id就不是CSS的定义，在CSS中定义不了id值，那该用什么方法来设置这个id值呢？这就是本课的内容。<br /><br /><span style="color: #cc0000"><strong>第四课 attr()方法的使用<br /><br /></strong></span>像&lt;div id=&quot;btn&quot;&gt;中的id，&lt;input name=&quot;sex&quot;&gt;中的name，以及&lt;a xhref=&quot;yangsam.com&quot;&gt;中的href等，都是标签的属性，这些属性是不能用CSS来定义的，CSS只是定义与标签显示的东西有关，而标签的id,name,href等属性与显示无关，但css中的width,color,border等都会影响标签显示的外观。<br /><br />attr()的方法与css()的方法使用是差不多的，例如我们要设置某个class为.btn的标签的id为button：<br /><br />$('.btn').attr('id','button');<br /><br />注意：id在整个网页中是唯一的，所以不要给多个标签定义相同的id值，虽然不影响页面的结构，但会影响js程序的调用<br /><br />例如我们要给超链接指定一个URL，那么可以：<br /><br />$('a').attr('href', 'http://www.yangsam.com');<br /><br />如果要让一个id为sex的复选框(checkbox)被选择，则可以：<br /> <br />$('#sex').attr('checked','checked');<br /> <br />给超链接标签指定class=link<br /> <br />$('a').attr('class', 'link');<br /><br />所有的标签属性都可以用这个方法来设置，跟css()方法一样，<br />attr()的第一个参数是属性的名称，第二个参数是要设置的属性值<br /><br />完整示例代码<br /><br /><span style="background-color: #99ffff">&lt;html&gt;</span><br /><span style="background-color: #99ffff">&lt;head&gt;</span><br /><span style="background-color: #99ffff">&lt;title&gt;jquery study&lt;/title&gt;</span><br /><span style="background-color: #99ffff">&lt;script xsrc=&quot;jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</span><br /><span style="background-color: #99ffff">&lt;style&gt;</span><br /><span style="background-color: #99ffff">.link&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp;&nbsp;color: orange;</span><br /><span style="background-color: #99ffff">&#125;</span><br /><span style="background-color: #99ffff">&lt;/style&gt;</span><br /><span style="background-color: #99ffff">&lt;/head&gt;</span><br /><span style="background-color: #99ffff">&lt;body&gt;</span><br /><span style="background-color: #99ffff">&lt;input type=&quot;checkbox&quot; id=&quot;sex&quot; /&gt;是否男性？&lt;br /&gt;&lt;br /&gt;</span><br /><span style="background-color: #99ffff">&lt;a xhref=&quot;<a href="http://www.yangsam.com&quot;&gt;" target="_blank">http://www.yangsam.com&quot;&gt;</a>我是超链接，我链接到扬沙网&lt;/a&gt;&lt;br /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn&quot; type=&quot;button&quot; value=&quot;将复选框打上勾&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn2&quot; type=&quot;button&quot; value=&quot;取消选择复选框&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;input id=&quot;btn3&quot; type=&quot;button&quot; value=&quot;指定超链的class为link&quot; /&gt;</span><br /><span style="background-color: #99ffff">&lt;script&gt;</span><br /><br /><span style="background-color: #99ffff">$('#btn').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp;&nbsp;$('#sex').attr('checked','checked');</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><span style="background-color: #99ffff">$('#btn2').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp;&nbsp;$('#sex').attr('checked','');</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><br /><span style="background-color: #99ffff">$('#btn3').click(function()&#123;</span><br /><span style="background-color: #99ffff">&nbsp;&nbsp;&nbsp;&nbsp;$('a').attr('class','link');</span><br /><span style="background-color: #99ffff">&#125;);</span><br /><span style="background-color: #99ffff">&lt;/script&gt;</span><br /><span style="background-color: #99ffff">&lt;/body&gt;</span><br /><span style="background-color: #99ffff">&lt;/html&gt;</span><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br/>Tags - <a href="http://www.cp9188.com/go.php/tags/%25E6%25AF%258F%25E5%25A4%25A9%25E4%25BA%2594%25E5%2588%2586%25E9%2592%259F/" rel="tag">每天五分钟</a> , <a href="http://www.cp9188.com/go.php/tags/jquery/" rel="tag">jquery</a> , <a href="http://www.cp9188.com/go.php/tags/%25E5%2585%25A5%25E9%2597%25A8%25E5%2588%25B0%25E7%25B2%25BE%25E9%2580%259A/" rel="tag">入门到精通</a>
]]>
</description>
</item><item>
<link>http://www.cp9188.com/read.php/26.htm</link>
<title><![CDATA[每天五分钟之jQuery从入门到精通(第三课)]]></title> 
<author>ashen0229 &lt;admin@yourname.com&gt;</author>
<category><![CDATA[jQuery学习]]></category>
<pubDate>Mon, 10 Aug 2009 07:57:28 +0000</pubDate> 
<guid>http://www.cp9188.com/read.php/26.htm</guid> 
<description>
<![CDATA[ 
	<strong><span style="color: #ff0000">工欲善其事,必先利其器</span><br /></strong><strong><br /><br />学习jQuery,必先下载jQuery,下载地方:jquery.com<br /><br /></strong><br />温故而知新，在开始今天的课程前，让我们先来回顾一下上一课我们所讲的内容。<br /><br />上一课我们讲的是　选择器　，即如何选择我们要操作的对象，如我们要改变某个或某些标签的样式，或绑定点击事件。<br /><br />如：$('a').css('color','blue')； 改变所有超链接的字体颜色为蓝色<br /><br />$('.a').css('color','red')；改变所有class为a的标签的字体颜色为红色<br /><br />$('div a').css('color','orange');改变所有包含在div里的超链接字体颜色为橙色<strong><br /></strong><br /><br /><br /><strong>修改css的方法</strong><br /><br />在jQuery中，要修改某个指定标签的css样式是非常方便的，在上一课中我们就已经用到它，如修改超链接的字体颜色，我们用到了:<br /> <br /><span style="background-color: #99ccff">$('a').css('color','red');</span><br /><br />没错，本节课讲的就是 css 这个方法，要修改某个或某几个标签的样式，我们只要应用上一课我们所学到的选择器知识，选择你要修改样式的标签，然后调用css()方法就可以了，<br /><br />如你要修改所有的div标签都加上边框，那么只要调用：<br /><br /><span style="background-color: #99ccff">$('div').css('border','1px solid #ccc');</span><br /><br />没错，就是这么简单，它就跟你在写CSS文件时一样简单<br /><br />如你在CSS文件中定义div的样式如下：<br /><br /><span style="background-color: #99ccff">div&#123;</span><br /><span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;display: block;</span><br /><span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;border: 1px solid #ccc;</span><br /><span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;width: 100px;</span><br /><span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;height: 100px;</span><br /><span style="background-color: #99ccff">&#125;</span><br /><br /><span style="color: #cc0000"><strong>那么在jQuery中如何设定div的样式跟以上一样呢？</strong></span><br />很简单，<br /><br /><span style="background-color: #99ccff">$('div').css('display','block');</span><br /><span style="background-color: #99ccff">$('div').css('border','1px solid #ccc');</span><br /><span style="background-color: #99ccff">$('div').css('width','100px');</span><br /><span style="background-color: #99ccff">$('div').css('height','100px');</span><br /><br />其实可以更简单，可以将以前的四行，用一行来写就行，如：<br /> <br /><span style="color: #ff0000"><span style="background-color: #99ccff">$('div').css('display','block').css('border','1px solid #ccc').css('width','100px').css('height','100px');</span></span><br /><br />是不是很简单？<br /><br />css()的用法就是，第一个参数是要修改的CSS属性，第二参数就是要修改的CSS属性的值<br /> <br />在css中定义color是这样的：<br /><br />color: red<br /><br />那么jQuery的css方法是这样的<br /><br />css('color','red');<br /><br />所有的css都可以通过这个方法来进行设置<br /><br /><strong>完整示例代码</strong><br /><span style="background-color: #99ccff">&lt;html&gt;</span><br /><span style="background-color: #99ccff">&lt;head&gt;</span><br /><span style="background-color: #99ccff">&lt;title&gt;jquery study&lt;/title&gt;</span><br /><span style="background-color: #99ccff">&lt;script xsrc=&quot;jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</span><br /><span style="background-color: #99ccff">&lt;/head&gt;</span><br /><span style="background-color: #99ccff">&lt;body class=&quot;themeroller&quot;&gt;</span><br /><span style="background-color: #99ccff">&lt;div id=&quot;demo1&quot;&gt;div 1&lt;/div&gt;</span><br /><span style="background-color: #99ccff">&lt;input id=&quot;btn&quot; type=&quot;button&quot; value=&quot;改变div 1的边框为１px solid #888&quot; /&gt;</span><br /><span style="background-color: #99ccff">&lt;input id=&quot;btn2&quot; type=&quot;button&quot; value=&quot;改变div 1的宽度和高度为100px&quot; /&gt;<br />&lt;input id=&quot;btn3&quot; type=&quot;button&quot; value=&quot;改变div 1的颜色为红色&quot; /&gt;<br />&lt;input id=&quot;btn4&quot; type=&quot;button&quot; value=&quot;改变div 1的背景颜色为蓝色&quot; /&gt;<br />&lt;script&gt;<br /><br />$('#btn').click(function()&#123;<br />&nbsp;&nbsp;&nbsp;&nbsp;$('#demo1').css('border','1px solid #888');<br />&#125;);<br /><br />$('#btn2').click(function()&#123;<br />&nbsp;&nbsp;&nbsp;&nbsp;$('#demo1').css('width','100px').css('height','100px');<br />&#125;);<br />$('#btn3').click(function()&#123;<br />&nbsp;&nbsp;&nbsp;&nbsp;$('#demo1').css('color','red');<br />&#125;);<br /><br />$('#btn4').click(function()&#123;<br />&nbsp;&nbsp;&nbsp;&nbsp;$('#demo1').css('background-color','blue');<br />&#125;);<br />&lt;/script&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;<br /><br /></span><br /><br /><br /><br /><br /><br /><strong><br /></strong><br/>Tags - <a href="http://www.cp9188.com/go.php/tags/%25E6%25AF%258F%25E5%25A4%25A9%25E4%25BA%2594%25E5%2588%2586%25E9%2592%259F/" rel="tag">每天五分钟</a> , <a href="http://www.cp9188.com/go.php/tags/jquery/" rel="tag">jquery</a> , <a href="http://www.cp9188.com/go.php/tags/%25E5%2585%25A5%25E9%2597%25A8%25E5%2588%25B0%25E7%25B2%25BE%25E9%2580%259A/" rel="tag">入门到精通</a>
]]>
</description>
</item><item>
<link>http://www.cp9188.com/post/jquery-2.php</link>
<title><![CDATA[每天五分钟之jQuery从入门到精通(第二课)]]></title> 
<author>ashen0229 &lt;admin@yourname.com&gt;</author>
<category><![CDATA[jQuery学习]]></category>
<pubDate>Fri, 07 Aug 2009 14:46:25 +0000</pubDate> 
<guid>http://www.cp9188.com/post/jquery-2.php</guid> 
<description>
<![CDATA[ 
	<p>jQuery第一课:&quot;jQuery选择器&quot;<br /><br /><strong><span style="color: #ff0000">工欲善其事,必先利其器</span><br /></strong><a name="entrymore" title="entrymore"></a><strong><br /><br />学习jQuery,必先下载jQuery,下载地方:jquery.com<br /><br /><br />温故而知新:<br /></strong>在第一课，我们学习了点击事件的应用。现在来温习上一课的内容。</p><p>上一课中讲到点击事件，如有一个id为btn的按钮，当点击该按钮时，弹出一个提示窗口，显示&ldquo;你点击了我&rdquo;这样的内容，如</p><p>$('#btn').click(function()&#123;<br />&nbsp;&nbsp;&nbsp; alert('你点击了我');<br />&#125;);<br /><br /><br /><strong>选择器:</strong><br />在前面的例子中，$('#btn')是什么意思呢？</p><p>先看看 #btn ，是否有点熟悉？<br />对，在CSS中，定义一个id为btn的标签的样式就是通过 #btn 来定义的，如</p><p><span style="background-color: #99ccff">#btn&#123;<br />&nbsp;&nbsp;&nbsp;&nbsp; color: blue;<br />&#125;</span></p><p>那么在jquery中，$('#btn')的意思就是选择id为btn的标签元素来进行操作<br /><br />在 $('#btn') 之后是 click 命令（为了容易了解，故称之为命令），如<br /></p><p><span style="background-color: #99ccff">$('#btn').click(function()&#123;<br />&nbsp;&nbsp;&nbsp;&nbsp; alert('你点击了我');<br />&nbsp;&#125;);</span></p><p>click命令就是绑定一个点击事件到 #btn 的标签中，当点击这个标签时，就触发点击事件，运行传递给 click 命令中的代码。</p><p>在上面的例子中，传递给click命令的是<br /><span style="background-color: #99ccff">function()&#123;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert('你点击了我');<br />&#125;</span><br /><br /><br /></p><div id="a_gprrcxj_18" class="placeholder text body"><div id="a_gprrcxj_18.inner" class="inner-text" style="font-size: 1em"><div dir="ltr"><div>jQuery选择器跟CSS选择器工作原理是一样的，如以下的CSS定义：</div><div><span style="background-color: #99ccff">a&#123;</span></div><div><span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp; color:blue;</span></div><div><span style="background-color: #99ccff">&#125;</span></div><div><br /></div><div>意思是定义所有的超链接颜色都变为蓝色。在jQuery中你也可以这样来选择所有的超链接作为你要处理的对象，如</div><div><br /></div><div>$('a')　，这样就会选择所有的超链接了，<br /><span style="background-color: #99ccff">$('a').css('color','red');</span></div><div><br />这样就将所有的超链接颜色设为红色。<br /><br />当然，你还可以根据标签的class来选择你所想要操作的对象，例如将所有class为message的标签加上边框，如这些标签如下：</div><div><span style="background-color: #99ccff">&lt;a class=&quot;message&quot;&gt;超链接&lt;/a&gt;<br />&lt;p class=&quot;message&quot;&gt;文本段落&lt;/p&gt;<br />&lt;div class=&quot;message&quot;&gt;div区块&lt;/div&gt;</span></div><div>则如下代码可以为以上标签加上边框：</div><div><span style="background-color: #99ccff">$('.message').css('border','1px solid #ccc');</span></div><div>.message是不是很熟悉？CSS里是不是经常看到？<br /><br /><br /><strong>完整示例代码:</strong><br /><span style="background-color: #99ccff">&lt;html&gt;<br />&lt;head&gt;<br />&lt;title&gt;jquery study&lt;/title&gt;<br />&lt;script src=&quot;jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br />&lt;/head&gt;<br />&lt;body class=&quot;themeroller&quot;&gt;<br />&lt;a href=&quot;</span><a href="http://www.bizhiol.com/"><span style="background-color: #99ccff"><a href="http://www.bizhiol.com" target="_blank">http://www.bizhiol.com</a></span></a><span style="background-color: #99ccff">&quot;&gt;壁纸在线网 --　我是超链接,我没有设定class&lt;/a&gt;&lt;br /&gt;<br />&lt;a href=&quot;</span><a href="http://bizhiol.com/"><span style="background-color: #99ccff"><a href="http://bizhiol.com" target="_blank">http://bizhiol.com</a></span></a><span style="background-color: #99ccff">&quot; class=&quot;site&quot;&gt;壁纸在线网　--　我是超链接,我的class=site&lt;/a&gt;<br />&lt;p&gt;我是文本段落p1，我没有设定class&lt;/p&gt;<br />&lt;p class=&quot;site&quot;&gt;我是文本段落p2，我的class=site&lt;/p&gt;<br />&lt;input id=&quot;btn&quot; type=&quot;button&quot; value=&quot;改变超链接颜色为蓝色&quot; /&gt;<br />&lt;input id=&quot;btn2&quot; type=&quot;button&quot; value=&quot;改变class=site的超链接颜色为橙色&quot; /&gt;<br />&lt;input id=&quot;btn3&quot; type=&quot;button&quot; value=&quot;改变超文本段落颜色为红色&quot; /&gt;<br />&lt;input id=&quot;btn4&quot; type=&quot;button&quot; value=&quot;改变class=site的所有标签颜色为绿色&quot; /&gt;<br />&lt;script&gt;<br />// 根据上课学到的点击事件内容，绑定点击事件到　改变超链接颜色　的按钮，当点击该按钮时，改变超链接的颜色<br />$('#btn').click(function()&#123;<br />&nbsp;&nbsp;&nbsp; $('a').css('color','blue');<br />&#125;);<br /><br />// 改变class=site的超链接颜色为橙色<br />$('#btn2').click(function()&#123;<br />&nbsp;&nbsp;&nbsp; $('a.site').css('color','orange');<br />&#125;);<br /><br /><br /></span></div><div><span style="background-color: #99ccff">// 当点击该按钮时，改变文本段落的颜色<br />$('#btn3').click(function()&#123;<br />&nbsp;&nbsp;&nbsp; $('p').css('color','red');<br />&#125;);<br /><br /></span></div><div><span style="background-color: #99ccff">// 改变class=site的所有标签颜色为绿色<br />$('#btn4').click(function()&#123;<br />&nbsp;&nbsp;&nbsp; $('.site').css('color','green');<br />&#125;);<br /><br />&lt;/script&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;<br /></span><br /><br /><strong>第二课完</strong>&nbsp; </div></div></div></div><br/>Tags - <a href="http://www.cp9188.com/go.php/tags/%25E6%25AF%258F%25E5%25A4%25A9%25E4%25BA%2594%25E5%2588%2586%25E9%2592%259F/" rel="tag">每天五分钟</a> , <a href="http://www.cp9188.com/go.php/tags/jquery/" rel="tag">jquery</a> , <a href="http://www.cp9188.com/go.php/tags/%25E5%2585%25A5%25E9%2597%25A8%25E5%2588%25B0%25E7%25B2%25BE%25E9%2580%259A/" rel="tag">入门到精通</a>
]]>
</description>
</item><item>
<link>http://www.cp9188.com/post/jquery-1.php</link>
<title><![CDATA[每天五分钟之jQuery从入门到精通(第一课)]]></title> 
<author>ashen0229 &lt;admin@yourname.com&gt;</author>
<category><![CDATA[jQuery学习]]></category>
<pubDate>Fri, 07 Aug 2009 14:32:41 +0000</pubDate> 
<guid>http://www.cp9188.com/post/jquery-1.php</guid> 
<description>
<![CDATA[ 
	<p>jQuery第一课:&quot;点击事件&quot;<br /><br /><strong><span style="color: #ff0000">工欲善其事,必先利其器</span><br /></strong><strong><br /><br />学习jQuery,必先下载jQuery,下载地方:jquery.com<br /></strong></p><div id="a_f4xr7bb_3"><div id="a_f4xr7bb_4"><div id="a_f4xr7bb_4.inner"><div dir="ltr"><br /><br /><strong>点击事件:<br /></strong><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 平时经常要在网页中处理点击的事件,<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 例如:当点击一个按钮时显示一个提示,或做其它的处理,如传统的处理点击事件的方式:<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input type=&quot;button&quot; value=&quot;点击我&quot; onclick=&quot;alert('你点击了我')&quot; /&gt;</div><div dir="ltr">&nbsp;&nbsp;&nbsp;&nbsp; 或调用一个函数:</div><div dir="ltr">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type=&quot;button&quot; value=&quot;点击我&quot; onclick=&quot;showMessage()&quot; /&gt;<br /><span style="background-color: #ccccff"><br /><br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 完整代码示例1,可以复制后保存成.html文件,如(test.html)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: #ccccff"><span style="background-color: #ccccff">&lt;html&gt;<br /></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span><span style="background-color: #ccccff">&lt;head&gt;<br /></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span><span style="background-color: #ccccff">&lt;title&gt;jquery study&lt;/title&gt;<br /></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span><span style="background-color: #ccccff">&lt;/head&gt;<br /></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span><span style="background-color: #ccccff">&lt;body class=&quot;themeroller&quot;&gt;<br /></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span><span style="background-color: #ccccff">&lt;input type=&quot;button&quot; value=&quot;点击我&quot; onclick=&quot;alert('你点击了我');&quot;&gt;<br /></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span><span style="background-color: #ccccff">&lt;/body&gt;<br /></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span><span style="background-color: #ccccff">&lt;/html&gt;<br /><br /><span></span><br /></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 使用jQuery处理点击事件<br /><span style="background-color: #ccccff"><span><br /></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用jQuery代码库，一般不需要将js代码写到HTML代码中，如下，有一个id为btn的按钮:</div><div dir="ltr"><span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br /></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id=&quot;btn&quot; type=&quot;button&quot; value=&quot;点击我&quot; /&gt;</div><div dir="ltr"><span><span>&nbsp;</span></span>&nbsp;&nbsp;&nbsp;&nbsp; 用jQuery则可以这样添加点击事件：</div><div dir="ltr">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('#btn').click(function()&#123;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert('你点击了我');<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#125;); </div><div dir="ltr">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 或调用函数：</div><div dir="ltr">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('#btn').click(showMessage);<br /><br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;完整代码示例2,可以复制后保存成.html文件,如(test.html)<br /><span style="color: #cc0000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注意,必须先下载jquery后,放在本文档的同目录</span><br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: #99ccff">&lt;html&gt;<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: #99ccff">&lt;head&gt;<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;title&gt;jquery study&lt;/title&gt;<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;script src=&quot;jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: #99ccff">&lt;/head&gt;<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: #99ccff">&lt;body class=&quot;themeroller&quot;&gt;<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id=&quot;btn&quot; type=&quot;button&quot; value=&quot;点击我&quot; /&gt;<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;script&gt;<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('#btn').click(function()&#123;<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert('你点击了我');<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#125;);<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="background-color: #99ccff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/script&gt;<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: #99ccff">&lt;/body&gt;<br /></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: #99ccff">&lt;/html&gt;</span><br /><br /><br />运行代码示例<br />直接复制灰色底色的&quot;完整代码示例&quot;到一个HTML文件中，打开则可。注意，在使用jquery的示例中要加载jquery。<br /><br /><br /><strong><span style="font-size: medium">第一课完</span></strong></div></div></div></div><br/>Tags - <a href="http://www.cp9188.com/go.php/tags/%25E6%25AF%258F%25E5%25A4%25A9%25E4%25BA%2594%25E5%2588%2586%25E9%2592%259F/" rel="tag">每天五分钟</a> , <a href="http://www.cp9188.com/go.php/tags/jquery/" rel="tag">jquery</a> , <a href="http://www.cp9188.com/go.php/tags/%25E5%2585%25A5%25E9%2597%25A8%25E5%2588%25B0%25E7%25B2%25BE%25E9%2580%259A/" rel="tag">入门到精通</a>
]]>
</description>
</item>
</channel>
</rss>