<?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>Seven Two Blog &#187; jQuery</title>
	<atom:link href="http://www.seven2.com.cn/archives/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.seven2.com.cn</link>
	<description></description>
	<lastBuildDate>Fri, 02 Dec 2011 13:47:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>jQeury 虚拟键盘插件( jQuery Keypad )</title>
		<link>http://www.seven2.com.cn/archives/814/</link>
		<comments>http://www.seven2.com.cn/archives/814/#comments</comments>
		<pubDate>Wed, 23 Feb 2011 14:59:28 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=814</guid>
		<description><![CDATA[昨天上午根据自己的需求去找了一个安全虚拟键盘（Virtual Keyboard）,看到这个需求第一时间就会想到去 jQuery Plugins(http://plugins.jquery.com) 找这个插件,也许我习惯的原因，也许是我过于依懒 jQuery 吧。通过 jQuery Plugin 平台和 Google 找到几款虚拟键盘出来筛选，最终敲定了jQuery Keypad （http://keith-wood.name/keypad.html），她可以满足我自定样式、数字键随机排位、功能的名称可定义、键也是自定义的。最终修改的外观如图： 温馨提示：原来的 jQuery Keypad 切换大/小写的数字键也会重新排位的，可能有参数定义吧，我可能是我太累不愿意花太多时间去看看手册和代码，后来发给小林童鞋修改切换大/小写的数字键重新排位的问题。 JS代码( 别忘了先加载 jQuery 和jQuery Keypad 及其样式文件啊)： $(function () { $('#defaultKeypad').keypad({keypadOnly: true, showOn: 'both', buttonImageOnly: true, buttonImage: 'keypad.png', randomiseNumeric: true, closeText: '关闭',clearText:'清除', shiftText:'大/小写', layout: [ '1234567890' + $.keypad.BACK, 'qwertyuiop' + $.keypad.CLEAR, 'asdfghjkl%' + $.keypad.CLOSE, 'zxcvbnm@#$' + $.keypad.SHIFT ]}); [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">猜您喜欢的：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="jQuery 代码的14条改善技巧" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F743%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F814%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/20/2236587.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 代码的14条改善技巧</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="使用 jQuery 简化 Ajax 开发" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F709%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F814%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用 jQuery 简化 Ajax 开发</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 性能优化指南（1）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F711%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F814%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 性能优化指南（1）</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 语法提示 Dreamweaver 插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F726%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F814%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/20/2236615.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 语法提示 Dreamweaver 插件</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 性能优化指南（3）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F715%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F814%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 性能优化指南（3）</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/814/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>新兴 Web 技术</title>
		<link>http://www.seven2.com.cn/archives/756/</link>
		<comments>http://www.seven2.com.cn/archives/756/#comments</comments>
		<pubDate>Tue, 23 Mar 2010 12:00:31 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[网事]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WEB]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=756</guid>
		<description><![CDATA[如果 Web 是一位世界名流，那么 2009 年的报纸头条可能包括：“云计算与服务器的亲密接触”、“外星来客 Twitter：‘我们为和平而来’” 和 “真人 TV 秀中的 Gosselin：8 个浏览器就足够了”。 毫不夸张地讲，云计算、实时内容以及浏览器速度和功能上的进步使 Web 比以往更引人注目了。健壮的基础设施 —— 从用于存储的 Amazon 简单存储服务 (S3) 到实现了可扩展电子邮件功能的 SendGrid —— 现在只需单击几下鼠标就可以租用。在任何时刻从任何地方发送的 Tweets 和 Flickr 更新成为了即时信息的特征，是一项必须满足的社会需求。Google Chrome、Apple Safari、Mozilla Firefox 和 Windows® Internet Explorer® 之间的激烈竞争使浏览器逐渐向独立平台转变，而 Chrome 成为了全新的操作系统的核心。 当然，在 2010 年，追逐技术发展的热心记者将继续跟踪这些故事，挖掘关于微软自己的云产品、Twitter 的艰辛发展以及浏览器开发者之间的竞争的抢先报道和图片。但是其他软件、开发和趋势等在 2010 年必定会成为开发人员所关注的头条新闻。让我们预测一下在技术报道中会看到哪些重要新闻。 HTML 的大力整改 这并不是对刚出道的明星进行整形手术。流行的超文本标记语言也正在进行大变脸。毫不奇怪，已有 10 年历史的 HTML 格式正在努力跟上创新的步伐。毕竟，HTML 是发明用来构造和打包文档的，而不是处理 Web 应用程序。 HTML [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">猜您喜欢的：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="HTML5: Web标准最巨大的飞跃" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F213%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F756%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">HTML5: Web标准最巨大的飞跃</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="你应当避免的43个Web设计错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F264%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F756%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">你应当避免的43个Web设计错误</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 简介" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F673%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F756%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 简介</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="使用 jQuery 简化 Ajax 开发" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F709%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F756%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用 jQuery 简化 Ajax 开发</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="黑客攻击技术 WEB网站入侵的过程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F823%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F756%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">黑客攻击技术 WEB网站入侵的过程</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/756/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 代码的14条改善技巧</title>
		<link>http://www.seven2.com.cn/archives/743/</link>
		<comments>http://www.seven2.com.cn/archives/743/#comments</comments>
		<pubDate>Sun, 27 Dec 2009 05:21:52 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=743</guid>
		<description><![CDATA[jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用，是因为它上手和使用相当简单，而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题，这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候，你也许更应该想办法自己来解决，下面来看看这些实用的jQuery技巧，他们肯定会能够派上用场的！ 您还可以参考以下JavaScript相关教程及资源： 《10种JavaScript特效实例让你的网站更吸引人》 《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》 《10个非常棒的Ajax及Javascript实例资源网站》 《推荐9款很棒的网页绘制图表JavaScript框架脚本》 1.测试并提升你的jQuery选择器水平 这个 jQuery选择器实验室 非常酷，它能在线免费使用，当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段，然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。 2.测试jQuery包装集是否包含某些元素 如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在： if($(selector)[0]){&#8230;} // 或者这样 if($(selector).length){&#8230;} 来看看这个例子： //例子.如果你的页面有以下html代码 &#60;ul id=”shopping_cart_items”&#62; &#60;li&#62;&#60;input name=”item” type=”radio” value=”Item-X” /&#62;Item X&#60;/li&#62; &#60;li&#62;&#60;input name=”item” type=”radio” value=”Item-Y” /&#62;Item Y&#60;/li&#62; &#60;li&#62;&#60;input name=”item” type=”radio” value=”Item-Z” /&#62;Item Z&#60;/li&#62; &#60;/ul&#62; &#60;pre escaped=”true” lang=”javascript”&#62;&#8230; //这个if条件将返回true，因为我们有两个 // input域匹配了选择器，所以&#60;statement&#62;代码将会执行 if($(&#8216;#shopping_cart_items input.in_stock&#8217;)[0]){&#60;statement&#62;} 3.从jquery.org读取jQuery最新版本 你可以使用这句代码读取jQuery的最新版本的代码文件。 &#60;script src=”http://code.jquery.com/jquery-latest.js”&#62;&#60;/script&#62; [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">猜您喜欢的：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="jQeury 虚拟键盘插件( jQuery Keypad )" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F814%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F743%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/05/31/10319694.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQeury 虚拟键盘插件( jQuery Keypad )</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 语法提示 Dreamweaver 插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F726%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F743%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/20/2236615.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 语法提示 Dreamweaver 插件</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 性能优化指南（3）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F715%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F743%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 性能优化指南（3）</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 性能优化指南（1）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F711%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F743%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 性能优化指南（1）</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="各种效果的 jQuery ui (接口)简介" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F698%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F743%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">各种效果的 jQuery ui (接口)简介</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/743/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 语法提示 Dreamweaver 插件</title>
		<link>http://www.seven2.com.cn/archives/726/</link>
		<comments>http://www.seven2.com.cn/archives/726/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 07:56:12 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Dreamweaver]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=726</guid>
		<description><![CDATA[最近自己一直使用 jQuery 做 Ajaxa 和一些特效，使用 jQuery 是本来就很简单的，但不知足的我有一天想在如果在 Dreamweaver 写 jQuery 时有语法提示这样开发起来不是更加快吗？于是我就通过万能的 Google 来查找 jQuery 的语法提示插件，嘻嘻，Google 真是有求必应的，有了这个插件一个字 爽，二个字：超爽。现在不用说把 jQuery 语法提示插件贡献出来吧。不会安装这个插件的别问我啊，你问问万能的 Google 吧。 Dreamweaver  CS3  及以下的版式：请安装 jQuery_api_for_dw3.zip 下载地址：http://www.seven2.com.cn/doc/jquery_1_3/jQuery_api_for_dw3.zip Dreamweaver  CS4 请安装 jQuery_api_for_dw4.zip 下载地址：http://www.seven2.com.cn/doc/jquery_1_3/jQuery_api_for_dw4.zip jQuery 1.3 API 参考文档中文版 http://www.seven2.com.cn/doc/jquery_1_3 扩展功能免责声明 在安装任何扩展功能之前，请仔细阅读此免责声明。如果您不同意此免责声明中所列条款，请不要使用该扩展功能和/或完成该扩展功能的安装。 您即将安装由 Macromedia 或第三方提供和/或创作的扩展功能。您应当了解并认同，您将要安装的扩展功能可能并非由 Macromedia 所创作。 该扩展功能可能由与 Macromedia 不具有合作关系的第三方创作，也可能由 Macromedia 自行创作。您同意，未经 Macromedia 和/或其许可方的书面许可，不得分发该扩展功能。 您了解，为使用第三方创作者的扩展功能，该创作者可能会要求与您之间就某些条款和条件达成协议。 如果第三方许可协议出现在下面“第三方许可（如果有）”标题的下方，或者随扩展功能附在文件中，那么该第三方许可协议将管理对该扩展功能的使用，代替任何在从 Macromedia 站点下载该扩展功能时您可能已经接受的下载许可协议。但此免责声明的条款仍然保持有效。 所有担保和技术支持的免责声明 [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">猜您喜欢的：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="jQeury 虚拟键盘插件( jQuery Keypad )" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F814%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F726%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/05/31/10319694.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQeury 虚拟键盘插件( jQuery Keypad )</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 代码的14条改善技巧" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F743%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F726%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/20/2236587.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 代码的14条改善技巧</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Dreamweaver鲜为人知的小秘诀" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F235%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F726%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Dreamweaver鲜为人知的小秘诀</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 简介" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F673%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F726%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 简介</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 性能优化指南（2）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F713%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F726%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 性能优化指南（2）</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/726/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 性能优化指南（3）</title>
		<link>http://www.seven2.com.cn/archives/715/</link>
		<comments>http://www.seven2.com.cn/archives/715/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 05:38:50 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=715</guid>
		<description><![CDATA[8，尽量使用ID代替Class。 前面性能优化已经说过，ID选择器的速度是最快的。所以在HTML代码中，能使用ID的尽量使用ID来代替class。 看下面的一个例子： // 创建一个list var $myList = $(&#8216;#myList&#8217;); var myListItems = &#8216;&#60;ul&#62;&#8217;; for (i = 0; i &#60; 1000; i++) { myListItems += &#8216;&#60;li class=”listItem&#8217; + i + &#8216;”&#62;This is a list item&#60;/li&#62;&#8217;; //这里使用的是class } myListItems += &#8216;&#60;/ul&#62;&#8217;; $myList.html(myListItems); // 选择每一个 li for (i = 0; i &#60; 1000; i++) { var selectedItem = [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">猜您喜欢的：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="jQuery 简介" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F673%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F715%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 简介</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 性能优化指南（1）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F711%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F715%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 性能优化指南（1）</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 性能优化指南（2）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F713%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F715%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 性能优化指南（2）</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="各种效果的 jQuery ui (接口)简介" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F698%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F715%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">各种效果的 jQuery ui (接口)简介</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 中选择器的使用讲解" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F700%2F&from=http%3A%2F%2Fwww.seven2.com.cn%2Farchives%2F715%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 中选择器的使用讲解</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/715/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 性能优化指南（2）</title>
		<link>http://www.seven2.com.cn/archives/713/</link>
		<comments>http://www.seven2.com.cn/archives/713/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 05:35:41 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=713</guid>
		<description><![CDATA[4，对直接的DOM操作进行限制 这里的基本思想是在内存中建立你确实想要的东西，然后更新DOM 。 这并不是一个jQuery最佳实践，但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。 例如，你想动态的创建一组列表元素，千万不要这样做,如下所示： var top_100_list = [...], // 假设这里是100个独一无二的字符串 $mylist = $(“#mylist”); // jQuery 选择到 &#60;ul&#62; 元素 for (var i=0, l=top_100_list.length; i&#60;l; i++){ $mylist.append(“&#60;li&#62;” + top_100_list[i] + “&#60;/li&#62;”); } 我们应该将整套元素字符串在插入进dom中之前先全部创建好，如下所示： var top_100_list = [...],$mylist = $(“#mylist”), top_100_li = “”; // 这个变量将用来存储我们的列表元素 for (var i=0, l=top_100_list.length; i&#60;l; i++){ top_100_li += “&#60;li&#62;” + top_100_list[i] [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/713/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 性能优化指南（1）</title>
		<link>http://www.seven2.com.cn/archives/711/</link>
		<comments>http://www.seven2.com.cn/archives/711/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 05:23:54 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=711</guid>
		<description><![CDATA[1，总是从ID选择器开始继承 在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。 例如有一段HTML代码： &#60;div id=”content”&#62; &#60;form method=”post” action=”#”&#62; &#60;h2&#62;交通信号灯&#60;/h2&#62; &#60;ul id=”traffic_light”&#62; &#60;li&#62;&#60;input type=”radio” class=”on” name=”light” value=”red” /&#62; 红色&#60;/li&#62; &#60;li&#62;&#60;input type=”radio” class=”off” name=”light” value=”yellow” /&#62; 黄色&#60;/li&#62; &#60;li&#62;&#60;input type=”radio” class=”off” name=”light” value=”green” /&#62; 绿色&#60;/li&#62; &#60;/ul&#62; &#60;input class=”button” id=”traffic_button” type=”submit” value=”Go” /&#62; &#60;/form&#62; &#60;/div&#62; 如果采用下面的选择器，那么效率是低效的。 var traffic_button = $(“#content .button”); 因为button已经有ID了，我们可以直接使用ID选择器。如下所示： var traffic_button = $(“#traffic_button”); 当然 这只是对于单一的元素来讲。如果你需要选择多个元素，这必然会涉及到 DOM遍历和循环， [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/711/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>使用 jQuery 简化 Ajax 开发</title>
		<link>http://www.seven2.com.cn/archives/709/</link>
		<comments>http://www.seven2.com.cn/archives/709/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 05:46:20 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=709</guid>
		<description><![CDATA[一些简单的代码简化 下面是一个简单示例，它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务，比方说为页面的某一区域中的每个链接附加一个单击（click）事件，您可以使用纯 JavaScript 代码和 DOM 脚本来实现，如 清单 1 所示。 清单 1. 没有使用 jQuery 的 DOM 脚本                 var external_links = document.getElementById(&#8216;external_links&#8217;); var links = external_links.getElementsByTagName(&#8216;a&#8217;); for (var i=0;i &#60; links.length;i++) {     var link = links.item(i);     link.onclick = function() {         return confirm(&#8216;You are going to visit: &#8216; + this.href);     }; [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/709/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用 jQuery 解析 JSON 数据的方法</title>
		<link>http://www.seven2.com.cn/archives/702/</link>
		<comments>http://www.seven2.com.cn/archives/702/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 15:29:14 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=702</guid>
		<description><![CDATA[用jquery解析JSON数据的方法 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。 这里首先给出JSON字符串集，字符串集如下： 代码如下: var data=” &#60;br /&#62;{ &#60;br /&#62;root: &#60;br /&#62;[ &#60;br /&#62;{name:'1',value:'0'}, &#60;br /&#62;{name:'6101',value:'北京市'}, &#60;br /&#62;{name:'6102',value:'天津市'}, &#60;br /&#62;{name:'6103',value:'上海市'}, &#60;br /&#62;{name:'6104',value:'重庆市'}, &#60;br /&#62;{name:'6105',value:'渭南市'}, &#60;br /&#62;{name:'6106',value:'延安市'}, &#60;br /&#62;{name:'6107',value:'汉中市'}, &#60;br /&#62;{name:'6108',value:'榆林市'}, &#60;br /&#62;{name:'6109',value:'安康市'}, &#60;br /&#62;{name:'6110',value:'商洛市'} &#60;br /&#62;] &#60;br /&#62;}”; 这里以jquery异步获取的数据类型——json对象和字符串为依据，分别介绍两种方式获取到的结果处理方式。 1.对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象，以下举例说明： var dataObj=eval(“(“+data+”)”);//转换为json对象 alert(dataObj.root.length);//输出root的子对象数量 $.each(dataObj.root,fucntion(idx,item){ if(idx==0){ return true; } //输出每个root子对象的名称和值 alert(“name:”+item.name+”,value:”+item.value); }) 注：对于一般的js生成json对象，只需要将$.each()方法替换为for语句即可，其他不变。 2.对于服务器返回的JSON字符串，如果jquery异步请求将type（一般为这个配置属性）设为“json”，或者利用$.getJSON()方法获得服务器返回，那么就不需要eval（）方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这里以$.getJSON方法为例说明数据处理方法： $.getJSON(“http://www.phpzixue.cn/”,{param:”gaoyusi”},function(data){ //此处返回的data已经是json对象 [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/702/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 中选择器的使用讲解</title>
		<link>http://www.seven2.com.cn/archives/700/</link>
		<comments>http://www.seven2.com.cn/archives/700/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 15:19:43 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=700</guid>
		<description><![CDATA[jquery中的选择器是css3和XPath的结合,jQuery提取这两种查询语言最好的部分，结合后创造出了最终的jquery表达式查询语言。如果你CSS非常熟悉的话那么你学起来就很容易了。 基本选择器： $(“#myELement”) 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $(“div”) 选择所有的div标签元素，返回div元素数组 $(“.myClass”) 选择使用myClass类的css的所有元素 $(“*”) 选择文档中的所有的元素 可以运用多种的选择方式进行联合选择：例如$(“#myELement,div,.myclass”) 层叠选择器： $(“form input”) 选择所有的form元素中的input元素 $(“#main &#62; *”) 选择id值为main的所有的子元素 $(“label + input”) 选择所有的label元素的下一个input元素节点 经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $(“#prev ~ div”) 同胞选择器 该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签 基本过滤选择器： $(“tr:first”) 选择所有tr元素的第一个 $(“tr:last”) 选择所有tr元素的最后一个 $(“input:not(:checked) + span”) 过滤掉：checked的选择器的所有的input元素 $(“tr:even”) 选择所有的tr元素的第0，2，4&#8230; &#8230;个元素（注意：因为所选择的多个元素时为数组，所以序号是从0开始） $(“tr:odd”) 选择所有的tr元素的第1，3，5&#8230; &#8230;个元素 $(“td:eq(2)”) 选择所有的td元素中序号为2的那个td元素 $(“td:gt(4)”) 选择td元素中序号大于4的所有td元素 $(“td:ll(4)”) 选择td元素中序号小于4的所有的td元素 $(“:header”) $(“div:animated”) 内容过滤选择器： $(“div:contains(&#8216;John&#8217;)”) 选择所有div中含有John文本的元素 [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/700/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>各种效果的 jQuery ui (接口)简介</title>
		<link>http://www.seven2.com.cn/archives/698/</link>
		<comments>http://www.seven2.com.cn/archives/698/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 14:53:45 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=698</guid>
		<description><![CDATA[基本的鼠标互动： 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种互动效果： 手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)、放大镜效果(magnifier)、阴影效果(shadow) 第一部分：鼠标交互: 1.1 Draggables:拖拽: 所需文件： ui.mouse.js ui.draggable.js ui.draggable.ext.js 用法：文件载入后，可以拖拽class = “block”的层 $(document).ready(function(){ $(“.block”).draggable(); }); draggable(options)可以跟很多选项 选项说明：http://docs.jquery.com/UI/Draggables/draggable#options 选项实例：http://dev.jquery.com/view/trunk/plugins/ui/tests/draggable.html 1.2 Droppables: 所需要文件，drag drop ui.mouse.js ui.draggable.js ui.draggable.ext.js ui.droppable.js ui.droppable.ext.js 用法： $(document).ready(function(){ $(“.block”).draggable({helper: &#8216;clone&#8217;}); $(“.drop”).droppable({ accept: “.block”, activeClass: &#8216;droppable-active&#8217;, hoverClass: &#8216;droppable-hover&#8217;, drop: function(ev, ui) { $(this).append(“&#60;br&#62;Dropped!”); } }); }); 选项说明：http://docs.jquery.com/UI/Droppables/droppable#options 选项实例：http://dev.jquery.com/view/trunk/plugins/ui/tests/droppable.html 1.3　Sortables　排序: [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/698/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 简介</title>
		<link>http://www.seven2.com.cn/archives/673/</link>
		<comments>http://www.seven2.com.cn/archives/673/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 12:38:22 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=673</guid>
		<description><![CDATA[jQuery是什么？ jQuery是一个简洁快速的JavaScript库，它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互。 jQuery的设计会改变你写JavaScript代码的方式。 jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何JavaScript应用的地方，可用于不用的应用程序。 jQuery是一个轻量级的脚本，其代码非常小巧，JavaScript包只有15K左右。 jQuery支持CSS1-CSS3,以及基本的xPath。 jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。 jQuery能什么？ jQuery库为WEB脚本编程提供了通用的抽象层，使得它几乎用于任何脚本编程的情形。由于她容易扩展而且不断有新插件面世增强它的功能，根本无法涵盖她所有可能的用途和功能。可以抛开这些不谈，仅就其核心特性而言，jQuery能满足以下的需求： 1、获取页面中的元素： jQuery准确地获取需要检查或操纵的文档元素，提供了可靠而富有效率的选择机制。 2、修改页面的外观： 有时单靠CSS做到兼容所有浏览器是力不从心的，jQuery足可以弥补这一缺点，jQuery提供了跨浏览器的标准解决方案。而且，即使在页面已经呈现之后，jQuery仍然能够改变页面的某些类或个别的样式。 3、改变页面的内容： jQuery通过少量的代码就可以改变页面的的内容。可以改变文本，插入或翻转(亦可以淡入或擦除之类的效果)图片，列表重新排列，更甚至对HTML文档的整个结构都可以重写和扩充，所有这些行为只需一个简单易用的API。 4、便捷应用AJAX： jQuery可以简化浏览器特定的复杂性，使得WEB开发人员更便捷创建AJAX功能丰富、反应灵敏的网站。 jQuery应用： jQuery已确认成为ASP.NET MVC和Visul Studio未来版本中的正式组成部份。诺基亚手机平台Web Run-Time也将纳入。 国内众多电子商务都网站应用jQuery，如：卓越网，京东网，凡客诚品。 WEB框架： Drupal; Joomla; Pommo; SPIP; WordPress(这个是我最熟悉的) 。 jQuery 资源： jQuery中文手册: jquery_api jQuery API手册: jQuery 1.3 API jQuery库下载： http://docs.jquery.com/Downloading_jQuery jQuery开发工具： Aptana http://www.aptana.com/studio/download jQuery官方博客： http://jQuery.com/blog 文章来源：http://www.seven2.com.cn]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/673/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

