<?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.yaoyingying.com/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.yaoyingying.com</link>
	<description>Wordpress, Drupal 二次开发~</description>
	<lastBuildDate>Wed, 08 Feb 2012 12:54:01 +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>jquery select option 操作</title>
		<link>http://www.yaoyingying.com/2011/06/15/jquery-select-option/</link>
		<comments>http://www.yaoyingying.com/2011/06/15/jquery-select-option/#comments</comments>
		<pubDate>Wed, 15 Jun 2011 06:55:03 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1469</guid>
		<description><![CDATA[jQuery 是一个非常强大的JS类库，现在越用觉得越好用了。 使用jquery如何操作select(下拉框)呢？主要讲下怎么动态添加option 动态选择option，假如我们的select 控件的 id 属性为 sel jquery 清空 option $(“#sel”).empty(); jquery 增加 option $(“#sel”).append(&#8216; 动态增加 ”); jquery 选择 option $(“#sel”).val(1); 使用这个就可以将 select 中值为 1 的项设定为选中状态 jQuery获取Select选择的Text和Value: 1. $(“#select_id”).change(function(){//code&#8230;}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text 3. var checkValue=$(“#select_id”).val(); //获取Select选择的Value 4. var checkIndex=$(“#select_id “).get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$(“#select_id option:last”).attr(“index”); //获取Select最大的索引值 jQuery添加/删除Select的Option项： 1. $(“#select_id”).append(“ Text “); //为Select追加一个Option(下拉项) [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2011/06/15/jquery-select-option/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>JQUERY搜索框提示效果</title>
		<link>http://www.yaoyingying.com/2009/09/01/jquery%e6%90%9c%e7%b4%a2%e6%a1%86%e6%8f%90%e7%a4%ba%e6%95%88%e6%9e%9c/</link>
		<comments>http://www.yaoyingying.com/2009/09/01/jquery%e6%90%9c%e7%b4%a2%e6%a1%86%e6%8f%90%e7%a4%ba%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 00:53:25 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[代码人生]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[示例]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=633</guid>
		<description><![CDATA[搜索框提示效果，输入框获取焦点，则原提示关键字消失，失去焦点，还原原关键字，当然是在没有输入用户关键字的前提下！ &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62; &#60;title&#62;搜索框提示效果&#60;/title&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js&#34; &#62;&#60;/script&#62; &#60;/head&#62; &#60;body&#62; &#60;p&#62;&#60;/p&#62;&#60;br/&#62; 鼠标点击输入框： &#60;input id=&#34;name&#34; type=&#34;text&#34; value=&#34;keywords&#34;/&#62; &#60;script type=&#34;text/javascript&#34;&#62; //$(&#34;#name&#34;).val(); $(&#34;#name&#34;).focus( function () {if($(this).val() == 'keywords') $(this).val(&#34;&#34;);}); $(&#34;#name&#34;).blur( function () {if($(this).val() == '') $(this).val(&#34;keywords&#34;);}); &#60;/script&#62; &#60;/body&#62; &#60;/html&#62; 提示：你可以先修改部分代码再运行。]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/09/01/jquery%e6%90%9c%e7%b4%a2%e6%a1%86%e6%8f%90%e7%a4%ba%e6%95%88%e6%9e%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JQUERY 层-隐藏-显示 效果</title>
		<link>http://www.yaoyingying.com/2009/08/28/jquery-%e5%b1%82-%e9%9a%90%e8%97%8f-%e6%98%be%e7%a4%ba-%e6%95%88%e6%9e%9c-%e6%96%87%e7%ab%a0%e5%88%97%e8%a1%a8%e6%91%98%e8%a6%81%e6%88%96%e6%a0%87%e9%a2%98%e6%a8%a1%e5%bc%8f%e5%88%87%e6%8d%a2/</link>
		<comments>http://www.yaoyingying.com/2009/08/28/jquery-%e5%b1%82-%e9%9a%90%e8%97%8f-%e6%98%be%e7%a4%ba-%e6%95%88%e6%9e%9c-%e6%96%87%e7%ab%a0%e5%88%97%e8%a1%a8%e6%91%98%e8%a6%81%e6%88%96%e6%a0%87%e9%a2%98%e6%a8%a1%e5%bc%8f%e5%88%87%e6%8d%a2/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 08:14:58 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[层]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=629</guid>
		<description><![CDATA[JQUERY 层-隐藏-显示 效果 可以应用与文章列表摘要模式-列表模式切换： &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Strict//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34; dir=&#34;ltr&#34; lang=&#34;en-EN&#34;&#62; &#60;head&#62; &#60;script src=&#34;http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62; &#60;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#34;style.css&#34; /&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=UTF-8&#34; /&#62; &#60;title&#62;Simple JQuery Collapsing menu&#60;/title&#62; &#60;/head&#62; &#60;body&#62; &#60;script type=&#34;text/javascript&#34;&#62; $(function() { var i = 1; $(&#34;#mostrar&#34;).click(function(event) { if(i%2 == 1) $(&#34;#mostrar&#34;).html(&#34;简洁模式&#34;); else $(&#34;#mostrar&#34;).html(&#34;摘要模式&#34;); event.preventDefault(); $(&#34;.box2&#34;).slideToggle(); i++; [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/08/28/jquery-%e5%b1%82-%e9%9a%90%e8%97%8f-%e6%98%be%e7%a4%ba-%e6%95%88%e6%9e%9c-%e6%96%87%e7%ab%a0%e5%88%97%e8%a1%a8%e6%91%98%e8%a6%81%e6%88%96%e6%a0%87%e9%a2%98%e6%a8%a1%e5%bc%8f%e5%88%87%e6%8d%a2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jquery 获取元素数量 length</title>
		<link>http://www.yaoyingying.com/2009/08/25/jquery-%e8%8e%b7%e5%8f%96%e5%85%83%e7%b4%a0%e6%95%b0%e9%87%8f-length/</link>
		<comments>http://www.yaoyingying.com/2009/08/25/jquery-%e8%8e%b7%e5%8f%96%e5%85%83%e7%b4%a0%e6%95%b0%e9%87%8f-length/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 11:46:39 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[代码人生]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=622</guid>
		<description><![CDATA[这个示例会输出 id=”nav” UL 下的 li 元素的数量(length) &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34; /&#62; &#60;title&#62;无标题文档&#60;/title&#62; &#60;script src=&#34;http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62; &#60;/head&#62; &#60;body&#62; list 1: &#60;ul id=&#34;nav&#34;&#62; &#60;li&#62;ssss&#60;/li&#62; &#60;li&#62;aaaaa&#60;/li&#62; &#60;li&#62;ddddd&#60;/li&#62; &#60;li&#62;eeeee&#60;/li&#62; &#60;/ul&#62; list2: &#60;ul id=&#34;nav2&#34;&#62; &#60;li&#62;sssss&#60;/li&#62; &#60;li&#62;aaaaa&#60;/li&#62; &#60;li&#62;ddddd&#60;/li&#62; &#60;li&#62;eeeee&#60;/li&#62; &#60;/ul&#62; &#60;a href=&#34;#&#34; id=&#34;test&#34; onClick=&#34;jq()&#34;&#62;jQuery&#60;/a&#62; &#60;script&#62; function jq(){ alert($(&#34;#nav li&#34;).length); } [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/08/25/jquery-%e8%8e%b7%e5%8f%96%e5%85%83%e7%b4%a0%e6%95%b0%e9%87%8f-length/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JQuery 新闻头条淡入淡出效果</title>
		<link>http://www.yaoyingying.com/2009/08/20/jquery-%e6%96%b0%e9%97%bb%e5%a4%b4%e6%9d%a1%e6%b7%a1%e5%85%a5%e6%b7%a1%e5%87%ba%e6%95%88%e6%9e%9c/</link>
		<comments>http://www.yaoyingying.com/2009/08/20/jquery-%e6%96%b0%e9%97%bb%e5%a4%b4%e6%9d%a1%e6%b7%a1%e5%85%a5%e6%b7%a1%e5%87%ba%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Fri, 21 Aug 2009 04:37:32 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[代码人生]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=614</guid>
		<description><![CDATA[新闻头条淡入淡出效果 &#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=UTF-8&#34;&#62; &#60;title&#62;&#60;/title&#62; &#60;style&#62; a { color:#CCCCCC} li { list-style:none;} span { padding-right:20px; color:#FFFFFF; font-weight:bold;} &#60;/style&#62; &#60;/head&#62; &#60;body&#62; &#60;div id=&#34;ticker&#34; style=&#34;padding:10px; background:#333333&#34;&#62; &#60;!-- START TICKER VER 1.0.1 --&#62; &#60;script src=&#34;http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34;&#62; /* ========================================================= // jquery.innerfade.js // Datum: 2008-02-14 // [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/08/20/jquery-%e6%96%b0%e9%97%bb%e5%a4%b4%e6%9d%a1%e6%b7%a1%e5%85%a5%e6%b7%a1%e5%87%ba%e6%95%88%e6%9e%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery插件Step Carousel Viewer实现Javascript图片滑动旋转效果</title>
		<link>http://www.yaoyingying.com/2009/08/20/jquery%e6%8f%92%e4%bb%b6step-carousel-viewer%e5%ae%9e%e7%8e%b0javascript%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%97%8b%e8%bd%ac%e6%95%88%e6%9e%9c/</link>
		<comments>http://www.yaoyingying.com/2009/08/20/jquery%e6%8f%92%e4%bb%b6step-carousel-viewer%e5%ae%9e%e7%8e%b0javascript%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%97%8b%e8%bd%ac%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Fri, 21 Aug 2009 04:13:42 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[代码人生]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[图片滑动旋转]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=602</guid>
		<description><![CDATA[需要将产品图片或相片等实现Javascript图片滑动旋转Animation效果，能自动播放图片或鼠标控制播放图片，图片固定的滑动在指定的区域内，类似动画播放，使用jQuery插件Step Carousel Viewer可实现该功能，而且使用简单，Step Carousel Viewer中文大概是按步旋转阅读，意思是说每张图片一张一张旋转阅读，效果： &#60;script type=&#34;text/javascript&#34;&#62; // For instructions how how to modify go to this URL // http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm stepcarousel.setup&#40;&#123; galleryid: 'mygallery', //id of carousel DIV beltclass: 'belt', //class of inner &#34;belt&#34; DIV containing all the panel DIVs panelclass: 'panel', //class of panel DIVs each holding content autostep: &#123;enable:true, moveby:1, pause:2000&#125;, panelbehavior: &#123;speed:500, wraparound:true, [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/08/20/jquery%e6%8f%92%e4%bb%b6step-carousel-viewer%e5%ae%9e%e7%8e%b0javascript%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%97%8b%e8%bd%ac%e6%95%88%e6%9e%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ThickBox &#8211; 网页图片弹出展示程序</title>
		<link>http://www.yaoyingying.com/2009/07/16/thickbox-pop-up-image-script/</link>
		<comments>http://www.yaoyingying.com/2009/07/16/thickbox-pop-up-image-script/#comments</comments>
		<pubDate>Thu, 16 Jul 2009 15:19:57 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[Pop-up image Script]]></category>
		<category><![CDATA[ThickBox]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=461</guid>
		<description><![CDATA[ThickBox 3.1 Thickbox 是一个基于 jQuery 类库的 网页 UI 对话框 拓展工具，它用户显示单个图片，图片组，AJAX 请求内容或链接内容。 示例：http://jquery.com/demo/thickbox/#examples  （复制到你的浏览器） 所有资源均可以在这儿下载 http://jquery.com/demo/thickbox/ 概述 thickbox 基于超轻量级 JQUERY 类库，JQUERY 压缩后为20K，解压后58K。 THICKBOX JavaScript 程序 和 CSS 代码只有15K（如果使用 compressed.js 只有10K），CSS 文件可以根据需求自行修改。 thickbox 可以自动调整尺寸大于浏览器窗口的图片。 thickbox 功能多样，可以用于 图片， iframe框架，内嵌的内容，AJAX 请求。 ThickBox will hide form elements in Windows IE 6. ThickBox 能在使用者滚动页面或改变浏览器窗口大小的同时始终保持居中. 点击图片、覆盖层, 或关闭链接能移除 ThickBox. ThickBox 的创作者决定动画应该因人而异, 所以 ThickBox [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/07/16/thickbox-pop-up-image-script/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

