<?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; JavaScript</title>
	<atom:link href="http://www.seven2.com.cn/archives/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.seven2.com.cn</link>
	<description></description>
	<lastBuildDate>Fri, 10 Sep 2010 14:49:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<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>seven2</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=&#8221;shopping_cart_items&#8221;&#62; &#60;li&#62;&#60;input name=&#8221;item&#8221; type=&#8221;radio&#8221; value=&#8221;Item-X&#8221; /&#62;Item X&#60;/li&#62; &#60;li&#62;&#60;input name=&#8221;item&#8221; type=&#8221;radio&#8221; value=&#8221;Item-Y&#8221; /&#62;Item Y&#60;/li&#62; &#60;li&#62;&#60;input name=&#8221;item&#8221; type=&#8221;radio&#8221; value=&#8221;Item-Z&#8221; /&#62;Item Z&#60;/li&#62; &#60;/ul&#62; &#60;pre escaped=&#8221;true&#8221; lang=&#8221;javascript&#8221;&#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=&#8221;http://code.jquery.com/jquery-latest.js&#8221;&#62;&#60;/script&#62; [...]]]></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>seven2</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 站点下载该扩展功能时您可能已经接受的下载许可协议。但此免责声明的条款仍然保持有效。 所有担保和技术支持的免责声明 [...]]]></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>seven2</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=&#8221;listItem&#8217; + i + &#8216;&#8221;&#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 = [...]]]></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>seven2</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 = $(&#8220;#mylist&#8221;); // jQuery 选择到 &#60;ul&#62; 元素 for (var i=0, l=top_100_list.length; i&#60;l; i++){ $mylist.append(&#8220;&#60;li&#62;&#8221; + top_100_list[i] + &#8220;&#60;/li&#62;&#8221;); } 我们应该将整套元素字符串在插入进dom中之前先全部创建好，如下所示： var top_100_list = [...],$mylist = $(&#8220;#mylist&#8221;), top_100_li = &#8220;&#8221;; // 这个变量将用来存储我们的列表元素 for (var i=0, l=top_100_list.length; i&#60;l; i++){ top_100_li += &#8220;&#60;li&#62;&#8221; + 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>seven2</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=&#8221;content&#8221;&#62; &#60;form method=&#8221;post&#8221; action=&#8221;#&#8221;&#62; &#60;h2&#62;交通信号灯&#60;/h2&#62; &#60;ul id=&#8221;traffic_light&#8221;&#62; &#60;li&#62;&#60;input type=&#8221;radio&#8221; class=&#8221;on&#8221; name=&#8221;light&#8221; value=&#8221;red&#8221; /&#62; 红色&#60;/li&#62; &#60;li&#62;&#60;input type=&#8221;radio&#8221; class=&#8221;off&#8221; name=&#8221;light&#8221; value=&#8221;yellow&#8221; /&#62; 黄色&#60;/li&#62; &#60;li&#62;&#60;input type=&#8221;radio&#8221; class=&#8221;off&#8221; name=&#8221;light&#8221; value=&#8221;green&#8221; /&#62; 绿色&#60;/li&#62; &#60;/ul&#62; &#60;input class=&#8221;button&#8221; id=&#8221;traffic_button&#8221; type=&#8221;submit&#8221; value=&#8221;Go&#8221; /&#62; &#60;/form&#62; &#60;/div&#62; 如果采用下面的选择器，那么效率是低效的。 var traffic_button = $(&#8220;#content .button&#8221;); 因为button已经有ID了，我们可以直接使用ID选择器。如下所示： var traffic_button = $(&#8220;#traffic_button&#8221;); 当然 这只是对于单一的元素来讲。如果你需要选择多个元素，这必然会涉及到 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>seven2</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>10个小型 JavaScript 的库(很值得收藏哦！)</title>
		<link>http://www.seven2.com.cn/archives/708/</link>
		<comments>http://www.seven2.com.cn/archives/708/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 02:31:58 +0000</pubDate>
		<dc:creator>seven2</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=708</guid>
		<description><![CDATA[1、$fx() （仅3.7K) 简介：$fx()是一个轻量级的动画库，一些复杂的动画，可以由多个简单的动画效果进行组合，但是提供的是混淆压缩过的代码，对于研究动画源码的朋友可能特别不爽 API：http://fx.inetcat.com/manuals.php 主页: http://fx.inetcat.com/ 2、JSTweener 简介：原始大小14K，支持大多数的动画特效 演示地：http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/transitions.html 主页地址：http://coderepos.org/share/wiki/JSTweener 3、FX 2.0 简介：代码清晰，支持多种形变动画，而且2.0版本在不局限于px单位，支持了em, %, 演示地址：http://www.ryanmorr.com/tests/fx2/ 主页地址：http://ryanmorr.com/archives/fx-2-0-the-full-featured-animation-framework 4、JsCharts 简介：用js生成图表，包括柱状图，饼状图，流线图 演示地址：http://www.jscharts.com/examples 主页地址：http://www.jscharts.com/ 5、Raphael 简介：也许你看了效果后会觉得唉，这有什么特别的，但是查看它的源码的时候，你会被震到，不信就去看看呗， 里边的效果实在是太神奇了，虽然目前你根本用不上&#8230;. 演示地址：http://raphaeljs.com/dragon.html 主页地址：http://raphaeljs.com/dragon.html 6、Reflection.js(27K) 简介：倒影实现,如果是在个人项目中，还是可以用得上的，唉，感叹，现在是可供选择的效果太充足了，而实际真正用到项目中的确是寥寥无几，只能这么说，就目前的web项目在交互方面 只能打个不及格。现在貌似国外都是研究者，而我们只是应用者，而且应用得还不到位。 主页地址：http://cow.neondragon.net/stuff/reflection/ 脚本地址: http://cow.neondragon.net/stuff/reflection/reflection.js 7、leigeber 简介：准确的说 这不是一个库，而是一些效果集，但是这对于我们来说却是非常实用的，每个效果都在3K左右， 效果列表：http://www.leigeber.com/category/javascript/ 主页地址：http://www.leigeber.com/ 8、Shortcuts.js 简介：在web2.0+时代，web应用中的快捷键开始大量使用,而且开始流行起来，google reader 和 Gmail等应用更是引领这一潮流，但是作为开发者，搞定键盘的绑定却不是一件轻松的事情，而shortCuts则以更优的方式解决了这一问题。 演示地址：http://www.openjs.com/scripts/events/keyboard_shortcuts/ 主页地址：http://www.openjs.com/scripts/events/keyboard_shortcuts/ 9、Amberjack (4K) 简介：这个效果我觉得用在商城上 挺合适的，比如一些打折信息，热卖商品等，只是网站官方极力推销的，用这种方式到不失为一种好方法，当然反对的声音肯定挺多的&#8230; 演示地址：http://amberjack.org/skins/customize/?travel=1&#38;tourId=AJTour&#38;skinId=black_beauty 主页地址：http://amberjack.org 10、Blackbird (10K) 简介：alert()的替代方案，现如今耳目下通常开发者都是使用自己制造的弹出层对话框，但是这款的设计思路确是仿照一些软件的控制台日志的方式，把信息都集中于一个面板上，对于用户来说，这其实是一件好事，对自己的操作所产生的结果至少一目了然，web 应用发展新时代，这个东东会成为一个趋势吧。对了，还支持快捷键. 演示地址：http://www.gscottolson.com/blackbirdjs/ 主页地址：http://www.gscottolson.com/ [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/708/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>event.keycode值大全</title>
		<link>http://www.seven2.com.cn/archives/704/</link>
		<comments>http://www.seven2.com.cn/archives/704/#comments</comments>
		<pubDate>Fri, 23 Oct 2009 15:49:24 +0000</pubDate>
		<dc:creator>seven2</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=704</guid>
		<description><![CDATA[event.keycode值大全 最近自己用 CodeIgniter 和 jQeury 来做一个企业站的CMS，在有些地方限制键入的内容，通过javaScript来监听作出限制。以下是keycode值的表 从网上找的event.keycode值大全，方便自己和大家以后查阅： event.keycode值大全 1     keycode 8 = BackSpace BackSpace 2     keycode 9 = Tab Tab 3     keycode 12 = Clear 4     keycode 13 = Enter 5     keycode 16 = Shift_L 6     keycode 17 = Control_L 7     [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/704/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>seven2</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=&#8221; &#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;}&#8221;; 这里以jquery异步获取的数据类型——json对象和字符串为依据，分别介绍两种方式获取到的结果处理方式。 1.对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象，以下举例说明： var dataObj=eval(&#8220;(&#8220;+data+&#8221;)&#8221;);//转换为json对象 alert(dataObj.root.length);//输出root的子对象数量 $.each(dataObj.root,fucntion(idx,item){ if(idx==0){ return true; } //输出每个root子对象的名称和值 alert(&#8220;name:&#8221;+item.name+&#8221;,value:&#8221;+item.value); }) 注：对于一般的js生成json对象，只需要将$.each()方法替换为for语句即可，其他不变。 2.对于服务器返回的JSON字符串，如果jquery异步请求将type（一般为这个配置属性）设为“json”，或者利用$.getJSON()方法获得服务器返回，那么就不需要eval（）方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这里以$.getJSON方法为例说明数据处理方法： $.getJSON(&#8220;http://www.phpzixue.cn/&#8221;,{param:&#8221;gaoyusi&#8221;},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>seven2</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非常熟悉的话那么你学起来就很容易了。 基本选择器： $(&#8220;#myELement&#8221;) 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $(&#8220;div&#8221;) 选择所有的div标签元素，返回div元素数组 $(&#8220;.myClass&#8221;) 选择使用myClass类的css的所有元素 $(&#8220;*&#8221;) 选择文档中的所有的元素 可以运用多种的选择方式进行联合选择：例如$(&#8220;#myELement,div,.myclass&#8221;) 层叠选择器： $(&#8220;form input&#8221;) 选择所有的form元素中的input元素 $(&#8220;#main &#62; *&#8221;) 选择id值为main的所有的子元素 $(&#8220;label + input&#8221;) 选择所有的label元素的下一个input元素节点 经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $(&#8220;#prev ~ div&#8221;) 同胞选择器 该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签 基本过滤选择器： $(&#8220;tr:first&#8221;) 选择所有tr元素的第一个 $(&#8220;tr:last&#8221;) 选择所有tr元素的最后一个 $(&#8220;input:not(:checked) + span&#8221;) 过滤掉：checked的选择器的所有的input元素 $(&#8220;tr:even&#8221;) 选择所有的tr元素的第0，2，4&#8230; &#8230;个元素（注意：因为所选择的多个元素时为数组，所以序号是从0开始） $(&#8220;tr:odd&#8221;) 选择所有的tr元素的第1，3，5&#8230; &#8230;个元素 $(&#8220;td:eq(2)&#8221;) 选择所有的td元素中序号为2的那个td元素 $(&#8220;td:gt(4)&#8221;) 选择td元素中序号大于4的所有td元素 $(&#8220;td:ll(4)&#8221;) 选择td元素中序号小于4的所有的td元素 $(&#8220;:header&#8221;) $(&#8220;div:animated&#8221;) 内容过滤选择器： $(&#8220;div:contains(&#8216;John&#8217;)&#8221;) 选择所有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>seven2</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 = &#8220;block&#8221;的层 $(document).ready(function(){ $(&#8220;.block&#8221;).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(){ $(&#8220;.block&#8221;).draggable({helper: &#8216;clone&#8217;}); $(&#8220;.drop&#8221;).droppable({ accept: &#8220;.block&#8221;, activeClass: &#8216;droppable-active&#8217;, hoverClass: &#8216;droppable-hover&#8217;, drop: function(ev, ui) { $(this).append(&#8220;&#60;br&#62;Dropped!&#8221;); } }); }); 选项说明：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>seven2</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 相关文章 jQuery [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/673/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>使用 JavaScript 拦截和跟踪浏览器中的 HTTP 请求</title>
		<link>http://www.seven2.com.cn/archives/508/</link>
		<comments>http://www.seven2.com.cn/archives/508/#comments</comments>
		<pubDate>Sun, 15 Feb 2009 13:07:16 +0000</pubDate>
		<dc:creator>seven2</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=508</guid>
		<description><![CDATA[HTTP 请求的拦截技术可以广泛地应用在反向代理、拦截 Ajax 通信、网页的在线翻译、网站改版重构等方面。而拦截根据位置可以分为服务器端和客户端两大类，客户端拦截借助 JavaScript 脚本技术可以方便地和浏览器的解释器及用户的操作进行交互，能够实现一些服务器端拦截不容易实现的功能。本文将重点介绍通过 JavaScript 脚本在客户端对页面内容进行拦截修改的一些原理和技术。 随着互联网应用及 B/S 架构的软件系统的风行，越来越多的基于浏览器的应用得以开发和部署。对已经上线的应用系统进行拦截和跟踪可以方便、快捷地实现很多功能. 不仅仅是 URL 改写，通过拦截和跟踪技术可以在极小修改或者使用反向代理不修改原网页的前提下为基于 BS 的 Web 应用提供更复杂的页面改写，脚本改写等功能。 如图 1 所示，传统的 Web 访问模型通过浏览器向 HTTP 服务器获取 Web 数据，浏览器将获取的数据进行解释渲染，得到用户的客户端界面。 而在带有服务器端和浏览器端跟踪和拦截的访问模型中，传统的访问方式发生了变化。服务器端和浏览器端的跟踪和拦截将页面中的拦截对象，在适当的拦截时机进行了拦截变化，导致用户面前的浏览器的解释渲染结果和 HTTP 服务器上的内容存在了逻辑上的差异，而这种差异恰巧是 HTTP Server 所需要的结果，而不方便将差异部署在 HTTP Server 上。 Server trace 可以作为反向代理服务器的一项逻辑功能存在，Browser trace 是通过脚本完成在客户端拦截和跟踪行为。 拦截根据位置可以分为服务器端和客户端两大类，客户端拦截借助 JavaScript 脚本技术可以方便地和浏览器的解释器和用户的操作进行交互，能够实现一些服务器端拦截不容易实现的功能。如果将服务器端和客户端拦截融合在一起，可以很好地处理拦截和跟踪问题。 功能比较 服务器端拦截 客户端拦截 向页面头部插入代码 强。简洁，无需逐个加入代码 麻烦。需要逐个为页面加代码 访问资源的权限 强。可以访问跨域资源。 受限。浏览器间有差异 会话的控制和访问 强。可以使用相应 [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/508/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>掌握 Ajax 系列文章汇总</title>
		<link>http://www.seven2.com.cn/archives/480/</link>
		<comments>http://www.seven2.com.cn/archives/480/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 13:31:56 +0000</pubDate>
		<dc:creator>seven2</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[WEB]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=480</guid>
		<description><![CDATA[Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成，这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本系列的作者是一位 Ajax 专家，他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱，包括 XMLHttpRequest 对象。以下是本系列文章的链接，希望你更轻松地学会Ajax或提高Ajax方面的技术 。 掌握 Ajax 1: Ajax 入门简介 http://bbs.w3club.cn/viewthread.php?tid=88 掌握 Ajax 2: 使用 JavaScript 和 Ajax 发出异步请求 http://bbs.w3club.cn/viewthread.php?tid=89 掌握 Ajax 3: 中的高级请求和响应 http://bbs.w3club.cn/viewthread.php?tid=90 掌握 Ajax 4: 利用 DOM 进行 Web 响应 http://bbs.w3club.cn/viewthread.php?tid=91 掌握 Ajax [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/480/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
