好吧，写点东西留底，希望同为苦命人的码农们能有个交流~~ 以前写过一点点东西：

iPhone/iTouch，Mobile Safari Web App 开发相关（2011.4.13更新）

Android Mobile Phone 上的Web App开发，资料收集~~ 其实Apple也有啦~~

前阵子帮别人做东西，使用的是Jquery Mobile框架，发现效率还真是不太高，尤其要处理大量外部数据的时候，ajax调用啥的就挺头痛的。。。以data-role=”page”区分页面，ajax调用的动态页面都以代码块格式加入到主页面的结构中再以当前active状态显示，看着这种方式总觉得有点慌。。。数据存储与传递好像也没有很好的方法，最后用php读地址栏传参。。。总之那么短时间限制里面硬着头皮第一次上的东西做完自己都觉得有点那啥。。。╮(╯▽╰)╭，不过当时的调试环境还有数据源获取都挺多问题的，坎坎坷坷，不是我一个人说了算的，虽然只有我一个人写代码|||

SO，有机会做新的项目，觉得还是换一个框架比较好，于是又参考了一些资料，上面第一篇文章提到了很多web app的制作框架，这些东西，自己不上手真不知道怎么回事，就像我做jquery mobile那个时候，想当然的觉得web的东西都好搞定的，结果差点把自己弄趴下。。。几篇文章推荐一下，看完了会有个大概了解：

Comparing Mobile Web (HTML5) Frameworks: Sencha Touch, jQuery Mobile, jQTouch, Titanium

作者实际使用了几个框架开发同一个小程序，作了对比，JQTouch算是一个Jquery插件类，不算是框架的，将web转向支持触屏，类似iphone操作体验，易于上手不过当然的，只适用于轻型结构；Jquery Mobile就已经是一个Framework了，添加了更多的UI组件和手势操作，执行效率也有了一定提高，不过譬如页面跳转过程中的监听、参数传递等还是不太全面；到了Sencha Touch，是一个以 Ext JS 为基础的Framework了，完全改变了前面2种以HTML为基础编写的方式，增加了入门门槛，不过跨平台且各方面效率都有了不少提高；Titanium让你使用它JS的API打包，可以将你的web代码编译生成native程序，但这也使得调试成了很大问题。最终作者选择了Sencha Touch，不过也是说明，各个框架的选择还是要看自己的应用要求和代码习惯的。

这个博可以好好看看的，有不少有用的文章~~

jQTouch and Sencha Touch: Which is right for you?

文章的作者就是JQtouch的制作者，同时也在后期转向参与制作了Sencha Touch，不管怎么说，JQtouch明显滴更新放缓了，这里给了一些两种框架的选择建议参考，比较有权威性，哈哈

未来是iPhone的，更是Android的，但归根结底还是PhoneGap的

这又是一个好物~ 可以将web程序打包成为native app，用户可以直接网址访问，也可以在itunes里面去下载了

==============================================

看了一些东西以后，结合着开发内容需要，我也决定试着使用 Sencha Touch 框架了，不过，像我这种毛有JS基础，半路从Jquery入门的家伙，Ext JS 又是一大挑战啊，坚持不住我就真回家过暑假了。。。官网上有完整的例子打包下载，头痛了几天找不太到资料，居然今天发现官网更新了很多视频教程，我最喜欢视频教程了，HAPPY~ 不过Vimeo被墙了还是需要翻出去看的~~

还没开始动手，后面有啥再回来补充~~

您可能也喜欢：

Android Mobile Phone 上的Web App开发，资料收集~~ 其实Apple也有啦~~

iPhone/iTouch，Mobile Safari Web App 开发相关（2011.4.13更新）

ladeq.it 学习Jquery animate方法，这个是WP居然

jQuery 常用方法一览

无觅

现在，我想要个大电视了！！白天上班8小时对电脑，晚上回家6小时还对电脑，老妈也支持我赶紧去买个电视看看。。。SO，要宅也要做个伪技术宅！！Money出手之前都要细细研究一番的，记录一下，大家有用的信息自取哈~~

这次购买行动以3D全高清(1080p)大电视(42以上)为基本出发点，其余的等我研究完了会有结论的！下面开始扫盲！！

全高清

英文为Full HD，是针对平板电视的屏幕分辨率而言的，必须同时满足两个条件：一是屏幕的物理分辨率为符合1920×1080；二是电视内部电路可以处理并输出1080p格式的画面信号。显示屏整体物理分辨率要达到1920×1080P，也就是水平方向的分辨力要达到1920个像素，垂直分辨力要达到1080条扫描线。全高清指屏幕固有物理特性，不因信号画面改变而改变，无论播放的是有线电视、DVD影碟还是PC上的高清视频，全高清电视始终保持着1920×1080的物理分辨率。符合全高清标准的液晶电视，面板附近会以标签或作为电视机设计的一部分标示“FULL HD”。

目前市场上有许多液晶电视产品只达到1366X768的高清标准，但在说明书或者机身上，经常能看到“全面支持1080P高清显示”的标识，但这不是真正的能达到全高清标准，只是说能显示1080P的图像，但画面已经大打折扣，这只是为产品“贴金”的一种宣传语言。

当一款机型标注着支持1080p信号的时候，其代表的涵义是内部电路可以处理1080p输入信号，此时不管采用什么样的屏幕，即使其物理分辨率只有1366×768，或者屏幕比例是4:3，甚至只是黑白屏幕，也可以说该机型支持1080p信号格式，只不过其显示画面不是原始的1080p图像，而是经过一定的转换输出而已。所谓全高清1080P电视，是真正实现1080p图像画面点对点显示的电视。

LCD液晶/LED/PDP等离子的区别

LCD 液晶显示器

是 Liquid Crystal Display 的简称，LCD 的构造是在两片平行的玻璃当中放置液态的晶体，两片玻璃中间有许多垂直和水平的细小电线，透过通电与否来控制杆状水晶分子改变方向，将光线折射出来产生画面。目前LCD电视常用的背光源有CCFL(冷阴极荧光灯管，也就是我们常见的日光灯)、LED(发光二极管)、HCFL(热阴极荧光灯管)等几种。其中CCFL是目前最常用的LCD背光源，目前通常也称传统背光源。

LED电视

严格意义上的是指完全采用LED（发光二极管）做为显像器件的电视机，一般用于低精度显示或户外大屏幕。目前中国大陆地区家电行业中通常所指的LED电视严格的名称是“LED背光源液晶电视”，是指以LED做为背光源的液晶电视，仍是LCD的一种。它用LED光源替代了传统的荧光灯管，画面更优质，理论寿命更长，制作工艺更环保，并且能使液晶显示面板更薄。

等离子电视

全称是Plasma Display Panel，中文叫等离子电视，它是在两张超薄的玻璃板之间注入混合气体，并施加电压利用荧光粉发光成像的设备。

硬软屏

3D电视

您可能也喜欢：

给自己扫盲，关于高清、720p、1080i、1080p，我要换显卡！

最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。

说开始就开始，AS3殿堂之路，看我能爬多远~先爬前辈豆腐男的Blog~~

WordPress 3.0 Thelonious正式发布(好久!!!)鸟~~ 官方说明文档【某P无责任整理版】，完了觉得自己好无聊|||

无觅

杯具的大脸（HTC HD2）被我不小心把系统自带的浏览器给删了而且崩溃了啥也装不回去，这下连测试机都没有。。。看来又要找个时间去麻烦店里的老板帮我重新刷一下机了||| BOSS说人家卖我个手机亏死了，要提供那么多的售后服务。。。那边说是真机环境基本上和chrome没差，支持CSS3和HTML5，SO，就用chrome窗口拉一拉就这样来测试的，于是，这里有将chrome伪装成手机设备浏览页面的方法，记一下~~

开始-运行

谷歌Android：
chrome.exe –user-agent=”Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1″

苹果iPhone：
chrome.exe –user-agent=”Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10″

诺基亚N97：
chrome.exe –user-agent=”Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124″

然后，介绍一下几款现有的开发框架 （E文地址 ，中文转载地址）

Zepto.js

Zepto.js是针对移动Webkit浏览器的最小的JavaScript框架，包含jQuery兼容性语法插件。目标是用2-5千的库函数 来帮助开发者处理那些基础性的重复工作，使开发者注重于核心工作。Zepto.js目前还在早期beta阶段，你也可以参与到代码、文档和演示等工作的贡 献中。
DynamicX

DHTMLX Touch是个基于HTML5的Javascript库，主要用于开发移动Web应用。它不只是一个UI widget的集合，而是一个完整的开发框架，可以帮助你开发出令人瞩目的跨平台移动应用的，不仅适用于手机也适用于平板电脑。

Sencha

Sencha Touch是业界首个HTML5 Javascript框架，使用Sencha Touch，开发者可开发出类似于本地代码效果的iPhone和Android应用。目前版本为1.0，可免费使用。

jQuery Mobile

支持所有主流移动平台的统一用户界面系统。有jQuery项目和jQuery UI基金会的稳定支持。

jQTouch

一款主要面向iPhone、iPod Touch等平台的JQuery插件。

Wink ToolKit

JavaScript框架，适用平台：iPhone、iPad和Android。

iUI

一个集成了JavaScript库、CSS和图片的开发框架，可用于开发高质量的移动Web应用，适用于iOS平台。

iWebkit

一款适用于iPhone、iPod Touch和iPad平台Web应用开发的文件包。

WebAPP.net

WebApp.Net是一款基于Ajax技术的JavaScript框架，非常轻量而且功能强大。提供一系列组件以帮助开发者更快速、更简单的开发移动Web。

还有个更多内容的：18个新鲜有用的Web和移动应用开发框架 ，有兴趣的可以都研究一下~~

总的来说我瞄了一下，考虑到只有10天的开发时间，选择了比较熟悉的以jquery为基础的 jQuery Mobile ，收集的资料主要是这方面的~~

1.  net.tutsplus.com

tuts的教程，从头开始做一个RSS阅读器，过一遍下来，不少东西都能有个初期了解了

2. www.elated.com

小型的说明书吧，各种方法的使用说明，都配有demo哦，很好！~

3. www.catswhocode.com

动手改造一下你的wordpress主题吧~ 恩，这个有时间可以搞一下~~

实际操作起来最重要的还是好好研究 官网的doc和demo ，再有啥我再回来补充吧~~

您可能也喜欢：

最近都要和移动设备打交道，关于web app开发，工具选择的一点点东西~ Jquery Mobile/Sencha Touch/PhoneGap

iPhone/iTouch，Mobile Safari Web App 开发相关（2011.4.13更新）

MephoBox | Web Design and Web Inspiration

Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站

无觅

现在是台式机内置250G+640G，桌面外置1T，笔记本320G，我来回想一下自己的硬盘记录：

台式机：80G，+250G，-80G+640G，+1T，（+2T）

笔记本：160G，-160G+320G

诶，好像废话太多了||| 下面，就来知识补充，以大容量的2T为标准！！

=================================

硬盘除了容量价格以外，转速、缓存大小、单碟容量以及接口类型等其它参数也是不容忽视的，它们对硬盘的性能有着直接的影响。

1. 容量 2T决定了，小了不够用！！还打算装Discovery、BBC、国家地理呢~

2. 价格 品牌选择嚒，基本上也就西数和希捷了，俩都有这个门那个门的，也没差了，不过希捷刚挂，我想我应该会选西数吧，贵的什么企业级啊蓝盘黑盘之类就通通PASS，反正我拿来装视频用的，绿盘价格就十分之实惠啊~~ 600块就够了，加个百来块点就可以拷满高清了喂！！！希捷稍微贵个100不到吧，09年底我入的是700块桌面，1T内置是500多，现在还真是白菜价，当初我买的64M U盘299呢。。。

接下来是有技术含量的文字了！！！终于。。。

3. 转速 硬盘转速是硬盘内电机主轴的旋转速度，也就是硬盘盘片在一分钟内所能完成的最大转数。转速的快慢是标示硬盘档次的重要参数之一，它是决定硬盘内部传输率的关键因素之一，在很大程度上直接影响到硬盘的速度。硬盘转速以每分钟多少转来表示，单位表示为RPM，RPM是Revolutions Perminute的缩写，是转/每分钟。RPM值越大，内部传输率就越快，访问时间就越短，硬盘的整体性能也就越好。硬盘的转速越高，硬盘的寻道时间就越短，数据传输率就越高，硬盘的性能就越好。目前市面上的硬盘主流转速为7200RPM。

转速的不同，性能差别直接反映在随机读取/写入寻道时间这个性能上。随机寻道性能这个参数的数值是越低越好，也是日常硬盘应用在速度上最能直接体验的一个性能。无论是Windows系统启动、大量零碎文件的读写、各种软件的启动时间等等，都和随机读取/写入时间有着直接的关系。这是CPU、内存性能再高都无法改变的。

话说上次BOSS抱来一台大机箱放我旁边，双至强四核24G内存，然后是15000转的。。。

4. 缓存 除了转速，硬盘的缓存大小与速度也是直接关系到硬盘的传输速度的重要因素。硬盘存取零碎数据时需要不断地在硬盘与内存之间交换数据，如果有大缓存，则可以将那些零碎数据暂存在缓存中，减小外系统的负荷，也提高了数据的传输速度，从而提高整个平台的整体传输性能。目前市面上硬盘的最大缓存容量可以达到64MB，不过大部分主流的硬盘产品缓存容量保持在32MB，另外还有一些中低端的产品采用16MB缓存，大家选购时在价格相差不大的情况下应该注意应该尽量选购大容量缓存硬盘产品。

但是又看到有说如果只是做大容量的数据仓库的话，因为不安装系统啥的，零碎数据不多的话，缓存这一项对持续读写速度影响不大就不是太重要的，不过貌似现在用了64M缓存的西数的绿盘，主打绿色静音环保实惠，不过貌似绿盘的其他性能并不适合做系统盘，这个还真是纠结。。。希捷的64M，价格在1000以上了|||

5. 单碟容量 目前，主流硬盘的单碟容量从250GB~500GB不等，单碟容量越大，盘片上存储数据的密度也就越高，磁头在同一时间经过的数据区也就越大，因此磁头能够更快地定位并且找到数据，硬盘的寻道时间，内部数据传输率都会提高，而这两项参数对于硬盘性能有着至关重要的作用。此外，单碟容量越高，盘片数目越少的硬盘，发生故障的几率也会小一些，同容量的不同碟数少的也袖珍一点哦~~ 500G的单碟比333G的单碟，软件测试平均持续传输速率快了25%，这种性能提升的应用就是硬盘间的大体积文件拷贝，像一些光盘镜像、高清视频文件，在两个硬盘之间对拷时，这25%的性能提升就意味着可以比原来节省了1/4的等待时间，大大提高了效率。

哦也也，2T的单碟现在是667G了，更快！更快！！

6. 硬盘接口 硬盘接口是硬盘与主机系统间的连接部件，作用是在硬盘缓存和主机内存之间传输数据。不同的硬盘接口决定着硬盘与计算机之间的连接速度，在整个系统中，硬盘接口的优劣直接影响着程序运行快慢和系统性能好坏。从目前主流用户的角度出发，硬盘接口主要分为IDE、SATA（SATAII）两种规格，用户在升级旧有配置的时候一定要看清楚自己硬盘的接口，两者是不能相互兼容的。而SATA II是在SATA的基础上发展起来的，目前市面上的绝大多数硬盘都是采用该类型接口。其主要特征是外部传输率从SATA的 1.5Gbps(150MB/sec)进一步提高到了3Gbps(300MB/sec)，此外还包括NCQ(Native Command Queuing，原生命令队列)、端口多路器(Port Multiplier)、交错启动(Staggered Spin-up)等一系列的技术特征。

这个我就不太懂了，不过貌似我09年换的新主板就是SATA了，上次好像买了个IDE接口的外置光驱，拆下来塞进主机的时候折腾了好一阵子||| 不过买的时候问清楚就好~~

=========================================

然后，因为基本定了就入西部数据 Caviar Green 2TB SATA2 64M (WD20EARS-00MVWB0)了，就再具体来点东西~~

话说，西数盘子的单碟容量大小、封装碟数和转速在标签中都没有说明，官网内介绍也不给出详细的数据，一直以来都是这样，这点实在是不厚道啊~~

• EARS这个编号表示的是采用了Advance Format 高级格式化技术，也就是4kb扇区技术的绿盘，此外还有EADS、EACS、EAVS都是采用传统算法的，买的时候看清~~ 据说这个新技术能将硬盘的可用容量提升7%到11%，比如一块1TB硬盘，原本分区容量为930GB左右，使用新模式后可能将达到1000GB，这个我太爱了！！！ 这个是骗人的，官方确实宣称了7%到11%的问题，但没有后面比如那一部分，官方先糊弄宣传炒作一下，然后JS们再添油加醋的！！1T的格式化评测为930G，具体关于硬盘容量的参考，看下面~
• 固件版本号“00MVWB0”才是单碟667G的三碟装哦~~ “00S8B1”是单碟500GB的四碟装，黑色面的~~ 而且注意下斤两也知道的~~
• 因为官方根本没给转速，现在商家宣传中是5400-7200rpm的可调节转速，不过看到有高手实测出来其实是5400的定速喂，再一次BS藏着掖着的西数和糊着吹着的商家的不厚道！！！
• 在操作系统支持上，Windows 7和Vista可以直接管理扇区容量为4KB的分区，而Windows XP用户则需要下载WD Align分区校准工具。另外，Windows 7和Vista用户在使用一些磁盘工具创建新分区时同样也需要WD Align工具。具体操作可以看 这里 ~ 如果不安装操作系统，只是作为从盘使用，就不需要用这个工具了，装和不装没区别的~~
• 为配合“高级技术”，应尽量选择大品牌主板P45以上版本，兼容性较好；BIOS里数据传输模式选择ACHI，优化传输速度；尽量安装Win7，系统内存占用少，运行速度快；和不同硬盘尽量不要混合使用，因为硬盘的存储和传输模式不同，如果两者之间有文件转移会有部分解码延时。其他都没啥，看到最后这句话我那个纠结啊啊啊啊啊啊啊||| 我一直是下好东西再移动到仓库的啊。。。要以身试慢了咩？？？

硬盘容量的问题，我们的系统是严格按照二进制来计算容量的，1K=1024byte、1M=1024K、1G=1024M，所以呢，1G=1024x1024x1024byte；而 硬盘厂商呢，他们标注容量的计算方式是按十进制来的，也就是1K=1000byte、1M=1000K、1G=1000M，所以呢1G=1000x1000x1000byte；So，硬盘所谓的容量缩水就是这么来的，标称1000G的硬盘，系统认为是931G左右。这个容量完全是计算方法的问题！！而硬盘容量和硬盘可用容量是两个概念，硬盘可用容量肯定比硬盘容量要小，因为硬盘容量的一部分被同步/分隔（Sync/DAM）区域和一个ECC错误校验区域占用了，所以硬盘容量=硬盘可用容量+占用。1T硬盘，硬盘容量始终是931G，512B扇区的硬盘可用容量可能是900G，而4K扇区硬盘可用容量可能就是920G，多出来20G就是高级格式化的效果了。

嘛，总的来说绿盘的性能较差，不要拿来和蓝盘黑盘比拉，一分价钱一分货是真的~~ 装系统玩游戏什么的都卡得死，更适合做数据仓库，找寻资料期间看到了N多说绿盘垃圾的淫们，同情一把，不过我就是拿来当仓库用的，C1门神马的都和我无关~\(≧▽≦)/~啦啦啦~~

这几天都为坏掉的希捷头痛，也到处问人，查资料偶然看到了某X大哥的博客，因为看到别人也有留言问问题，我就也留言了，也就100字吧，还保存了收藏期盼回复，结果，过了2天发现留言被删了||| 这样很伤诶。。。

再有就是一句广为流传的神句，让我对我的硬盘未来充满了挥之不去的忧虑，555，那就是：

买硬盘用硬盘，靠的是人品！！！！！

诶，最新更新，硬盘已入（西数绿盘2T），外加100G动画，哦也~~ 再外加个帅气的硬座~~ 还可以再加一块2T，哼哼哼~~ 就是这个座子线太短，本来想放桌面的，未果，只能放脚下机箱边，不过还是很帅！！~~

您可能也喜欢：
[置顶] HTC HD2大脸 Android应用游戏主题 倒腾记录（2011.1.25）	比起iPhone，我还是更心水G1哇~	Free Twitter Icons，鸟儿如此多，来来来，围观一下！~	今天无意间发现了wordpress 2.7后台Matrix彩蛋！~~ 吼吼~~
无觅

P.S. 这点东西闲着没事我也弄了2个周，一点点东西看过去，还是发现了不少以前么发现的隐蔽功能滴，不过有些更改就真的很无语了。。。还有一些地方不太弄得通，谁能给指点下啊~

简单摘要一下~

• 整合了MU，可以做多站点管理
• 主题包清空了，只剩下 Twenty Ten ，能更好的结合展示3.0的新功能
• 自定义MENU管理功能，结合自定义posts、pages、categories、 tags 和links，让你的菜单和widget都更灵活
• 后台可以自定义头部图片和背景图片了
• 后台各页都在右上角增加了详尽help tab的说明文字来帮助管理
• 安装的时候开始允许自定义用户名和密码了
• 模板更新过程中使用自动维护模式
• 支持shotlinks啦
• 改进了 Custom post types and custom taxonomies，新增了等级支持
• 后台管理的配色方案也有了改进

用户功能

一般

升级时会检查并报告服务器环境是否符合php和mysql的版本要求

新的 wp_login_form() 可以让你把登陆框放在任何地方了（我以前无聊的还用过这种插件|||）

后台顶部换了新logo（。。。这也算）

后台顶部添加了不会被搜索引擎收录的迷你提示，防止自己不小心把自己删了（这是啥？没找到啊。。。）

去掉了Turbo这选项（也就是么有Gears本地加速鸟，Google也都放弃这玩意了哪~）

修改了一些选项名称，Posts->Edit 变成 Posts->Posts 这样的

修改了左边管理面板的icon

修改了灰色的管理主题

修改了readme.html的内容

通过E-mail发送修改或重置密码时候显示登陆框

控制面板

顶部添加Dashboard链接

把升级按钮从工具选项转移到顶部控制面板下

在外观选项内添加了MENU管理项（真正要用这个功能得去修改一下functions.php）

为新注册用户提供密码提示

把控制面板首页的当前块分成了内容和讨论2部分

文章

快速编辑里可以控制N多内容了

使用 add_editor_style() ，可以编辑你皮肤模板的 editor-style.css文件，这样后台编辑框里可见即可得模式更加具体鸟！~

页面和日志模式都可以用 custom taxonomy了

改良了修订版本的对比模式

可以使用 shortlinks了，不过需要插件及皮肤模板一同支持

增加 capital_P_dangit() 可以将 WordPress变成WordPress（你们有够无聊的啊喂！~ 貌似找不到具体页面）

媒体

新增了对FunnyOrDie.com的 oEmbed 嵌入功能

允许删除媒体文件的alt文字内容

把 Post Thumbnails 改成了Featured Image （不换汤不换药就是换个名字。。。）

简化了 edit media 媒体编辑画面

上传进度条不会挡住文件名称了（Orz…）

优化了附件的浏览形式

增加了更多文件类型的扩展支持，可查看 12581 和 13349

链接

在添加链接页面以类型名称排列而不是数量

评论

增加了新的日志评论栏

在控制面板模式下设置显示最新评论的数量

可以禁止对feature文章及密码保护文章的评论

改变了嵌套评论的UI样式并提供对父评论的链接

外观

增加了meta_value_num 和 meta_key来组织 WP_Query 查询时候的数字顺序

get_avatar() 中允许自定义评论类型来调用头像

在 theme 编辑器里允许使用Tab indenting, Shift-Tab (outdenting)和 multi-line tabbing

Tag Cloud Widget 标签云支持非tag的自定义taxonomies类型

可以通过 Background 背景选项自定义背景（预览模式有问题，老是只显示小方块，不过实际前台显示是OK滴）

新增  front-page.php ，用来显示自定义首页

新增 single-{post_type}.php，用来做 custom post types 自定义类型的文章

新增 author-{nicename}.php 和 author-{id}.php，用来做多作者不同的样式模板

新增 taxonomy.php 、 taxonomy-{taxonomy}.php 和 taxonomy-{taxonomy}-{term}.php 用来做 custom taxonomies 自定义分类

theme editor 模板编辑器的样式调整

将模板安装与管理分成了2个tab项

引入了子模板的支持，推荐阅读 Child Themes ，很简单就可以完成的

新的 comment_form() ，为模板提供完整的评论输出（点过去看看吧，搞得好复杂。。。）

删除了 Default (Kubrick) 和 Classic 模板

插件

可在添加插件页面的搜索结果列表中的各个结果名称下直接加入了详细信息和立即安装按钮

在 plugin 编辑器里允许使用Tab indenting, Shift-Tab (outdenting)和 multi-line tabbing

可以在 Plugins->Installed 中批量升级插件

当删除插件时，检查卸载函数，提示数据删除的警告

工具

在 the Tools 中增加了 category-to-tag converters的转换，然后 tag-to-category 的转换被放到了 Posts->Post Tags （就是标签和类别可以相互转换了，想想好像会有些用处的，不过为啥我点两个选项都会转到 import 页面去？？？）

Clean up OPML link export script（不知道。。。）

清理了OPML 链接导出脚本（么用过。。。）

在导出页面添加了一些选择标准，可以设定筛选导出内容

Import WordPress 选项包含了notices、attachments、和users（？？？）

去掉了Turbo菜单项，不过文件保留，从前版本设置过的仍可以用

All importers moved to the plugin repository (e.g. WordPress Importer)（？？？）

用户

Users->Add New 中允许添加 无角色用户（这是要干嘛？而且，没找到啊。。。）

设置

去掉了 Miscellaneous 杂项菜单，上传的设定被转到了 Media 媒体下

修正了 General 常规面板，把 blog地址改成 site地址（处处表决心啊这是|||）

修改了灰色后台主题色彩设计

安装过程

在安装过程中可以设置用户名和密码，而不需要再默认admin

当安装完成后显示log in按钮

安装过程中自动生成 Security Keys

wp-config-sample.php 中的信息标准化

多站点

在 wp-config.php 中定义了 WP_ALLOW_MULTISITE 以后，就会在工具面板中看到 Network 选项了

在符合if ( is_multisite() && is_super_admin())条件下，可以看到 Super Admin 菜单，包含了 Admin, Sites, Users, Themes, Options, Update, sub-menus

控制板下会出现 My Sites 菜单

工具选下下会有 Delete Site 菜单

在 wp-config.php 中配置network Configure a Network (multisite/WPMU)

Sites, Blogs, Networks相关的术语变化，参见 Andrew Nacin’s explanation

开发、主题及插件

更好的默认摘要，去掉了多空格，拆分UTF8字符串时更安全

提供 Child theme 支持， register_theme_headers() 添加新的而不会替换已存在的header

add_plugins_page() 允许在插件选项下添加子菜单

新增加的 get_search_link() with Permastruct (/search/) support（？？？），升级了 get_search_link()、 get_search_feed_link() 和 get_search_comments_feed_link()

新增了 is_comment_feed() 判断

过滤在注册和重复密码时添加 redirect_to 和 associated （？？？）

当初始化完成时添加了 wp_loaded动作

为 comment_parent (wp_comments 表)添加index来加速wp_delete_comment()和嵌套查询

在 wp_dropdown_categories() 中添加 hide_if_empty参数，可以在无内容时隐藏下拉类别

为 wp_dropdown_users() 和 wp_dropdown_categories() 添加id参数

为 get_page_by_title() 添加post_type参数

为 register_post_type() 添加taxonomies参数

为 wp_list_categories() 和 wp_dropdown_categories() 添加taxonomy参数来实现自定义

增加 edit_theme_options 功能 (看 developer discussion)

增加 list_users 功能提供比 editing users更多的用户列表控制

为旧的默认主题提供了兼容性代码，作为父主题的话可以不用特殊地去修改（但是不推荐，在后来的新版本中会被移除）

为 get_pages() 添加了自定义等级的文章类型支持

在 wp_insert_post() 中添加对post_content和post_title的默认设置

在 wp_insert_user() 中添加 email和登录的重复检查

提供了额外的right now控制面板widget的调用函数

添加了对 paginate_links() 中链接和 wp_link_pages() 中参数的选择器

添加post_updated_messages选择器，允许对wp-admin/edit-form-advanced.php中$messages数组的修改

当日志更新时添加post_updated动作，日志的ID、当前日志以及前一篇日志的相关信息会被传递，wp_check_for_changed_slugs()也升级了

增加新的taxonomy 分类系统时添加是否输出链接的判断

在 wp-config-sample.php 里添加了WP_DEBUG的定义，并推荐开发者使用

在twentyten主题里添加移动设备样式

在评论 get_comments 部分增加了更多的排序及筛选项

添加多站点功能 (#11644)

增加了一些议定条款并且可筛选列表

评论模板添加了可选的评论ID项

替换 $wpdb (#10864)方法

增加了对 get_terms() 进行 ‘include’ 包含和 ‘exclude’ 排除的数组支持

增加了对 is_singular() 进行特殊post_types的筛选，例如is_singular('book') or is_singular(array( 'newspaper', 'book'）)

在为 feeds 添加了 {rss2|atom|rdf|rss|opml}_head等回调函数

添加 themes_loaded 来判断父级/子寄主题是否调用

从2.9开始针对图片增加 ?ver=DATE 查询，用来避免CSS/JS调用中的修改对浏览器带来的缓存修改

对custom post types (#9674)的管理支持

对hierarchical taxonomies (#10122) 等级分类的管理支持

允许 custom post types使用自定义图标

remove_post_type_support() 对作者优先级权限的支持

允许get_posts() and get_pages() 使用数组参数

在wp_generate_password()中允许更多的特殊字符

允许 wp_mail()中有多个收件人，改善了对”\R\N”的头部识别

允许用户使用PHP 5.3的闭合

允许插件修改WP_User_Search的查询

允许主题重写wp_page_menu() 设置的菜单调用

针对WP_DEBUG, WP_DEBUG_DISPLAY, and WP_DEBUG_LOG更好的说明文档

修正了 Press This 编码

修正了 Settings->General中夏令时/标准时的转换显示

修正了WP_Filesystem的递归权限属性

改进了用户列表性能

在twenty ten里面，如果 post thumbnail 小于header的话，就不是用它来作为 custom header

不提倡使用*_usermeta()而推荐*_user_meta()方法

使用 add_editor_style()，可以为后台编辑器加入样式

用add_permastruct() 和 flush_rewrite_rules() 对应相应的重写规则 WP_Rewrite methods

从帮助中引入了 disabled() , 全局可用 selected() 和 checked() 而不仅仅是wp-admin

引入 delete_user_option()

引入 get_available_languages()

引入 get_comment_id_fields()，使得能够输出附加域

引入 get_index_template() 使得子主题 child themes 能够重写副主题的index.php

引入 get_intermediate_image_sizes()，可以获得所有图片的大小，可用于附件的添加删除

引入 get_post_types()获得post类型列表

引入 get_super_admins() 允许直接写入全局的super_admins数组来做站点设置

引入 get_taxonomies() 获得所有的已注册分类 (#12516)

引入 get_template_part()来调入通用文件 include generic files，而不仅仅是header, sidebar, footer各个部分 (#13146, #13816)

引入get_term_feed_link() ，在 wp_list_categories()中使用

引入 get_the_author_link()

引入 get_the_date()

引入 home_url()

引入 is_child_theme()

引入 is_post_type_hierarchical()来检查一个post类型是否支等级分类

引入 is_rtl()，当本地加载完成时被定义

引入 remove_theme_support()

引入 post_type_exists()

引入 sanitize_key()

引入 set_current_screen()，为ajax实时编辑请求设置当前页面，使得post可以正常显示

引入 taxonomy_exists() 替代 is_taxonomy()

引入 term_exists() 替代 is_term()

引入 the_shortlink() (#10640)

引入 unload_textdomain() ，为 load_*_textdomain()加入了 plugin_locale 和 theme_locale 过滤

引入 unregister_theme_headers()

引入 update_blog_details()

引入 wp_check_filetype_and_ext() ，来处理附件上传时的对比和更正

引入wp_reset_postdata() ，使用新的WP_Query 来重设post已经被当前 query_posts() 设置的全局属性

引入 DISALLOW_FILE_MODS 常量来禁止对core, theme, or plugins的修改

引入 DISALLOW_FILE_EDIT 常量标记来 允许/禁止主题及插件的编辑器

引入 DISALLOW_UNFILTERED_HTML 来为所有的用户甚至管理员、超级管理员屏蔽unfiltered_html

引入 SUBDOMAIN_INSTALL常量布尔值来替代VHOST

引入 WP_DEFAULT_THEME 在安装新站时来设置默认主题

引入自定义分类Custom Taxonomies译文字符串

引入主题兼容文件，不兼容的需要从父级模板继承的主题可以从wp-includes/theme-compat获得继承

引入 WP_User::for_blog() 和 current_user_can_for_blog() 来避免对WP_User::_init_caps()的调用

使用 wpdb::tables() 获得全局表名

为 unzip_file()引入压缩存档版本（可以提高主机存储效率）

get_bloginfo(‘wpurl’) 使用 site_url(), 而非 get_option(‘siteurl’)

更好的使用$wp_query->get_queried_object()

日历html5版本

将clear_global_post_cache() 并入 clean_post_cache()

将Categories/Hierarchical taxonomies 并入 edit-tags.php

将edit-page-form.php 并入 edit-form-advanced.php

将edit-pages.php 并入 edit.php

将page.php 并入 post.php

将page-new.php 并入 post-new.php

更强大的 is_tax() 版本

将 send_nosniff_header() 移入 wp-includes，可以在wp-ajax.php中被使用

新的 $required_mysql_version 在wp-db.php可以全局使用

新的 comment_form() 为模板的评论表提供了更完整的输出

在 query.php 有新的 posts_search过滤

优化 single_post_title(), single_tag_title() 和 single_cat_title() 可使用WP_Query 全局

将默认post转为 default_content, default_title, 和 default_excerpt ，使得可以在其他post类别中可以被过滤

避免使用page slugs，使用后缀

关于导航菜单，建议阅读 Ryan Boren’s recommendation

重定向 ?page_id=xx到post页面

重构get_available_languages()使用 glob()代替*dir

关于escaping rules for options 和 transients changed，看 Ryan Boren’s explanation

插件作者们测试来确定没有产生预料外的输出，看 Ryan Boren’s explanation

去掉了 STYLE_DEBUG常量，SCRIPT_DEBUG现在既针对scripts又对CSS

去掉了 wp-ajax.php，admin-ajax.php 可以被前台ajax请求使用

将 get_post_link() 改为 get_post_permalink() 来避免与 bbPress 的冲突

将 themes_loaded 改为 after_setup_theme，防止混淆

修改了代码规则 Coding Standards ，不再是驼峰式，使用小写变量

为?p=does-not-exist, ?cat=does-not-exist 等提供404页面

在菜单中可显示自定义等级分类 custom hierarchical taxonomies

只对超级管理员显示主题安装者

为ie.css添加后缀及version bump（？？）

Settings API现在能够使用 add_settings_error() 自动显示确认的错误(#11474)

整理了对WP_DEBUG的逻辑定义

升级了 wp_popular_terms_checklist() 来处理自定义的分类 taxonomies

升级 jQuery 1.4.2 (#12305)

升级 jQuery UI 1.7.3

升级 json lib

升级 phpass 到 0.2

升级 Prototype.js 到 1.6.1

升级 Scriptaculous.js 到 1.8.3

升级 SWFobject JS 到 2.2

升级 wp_clear_scheduled_hook 允许使用数组

在 wp-admin 中使用 admin_url() 处理图片，允许使用过滤筛选

在wp_count_terms() 中使用 get_terms()

若干 phpDoc 的更新

若干 wp-includes/http.php修改

您可能也喜欢：

最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。

WordPress 主题收集 PART 2

WordPress SEO 手册【伪】Cheat Sheet Seo for WordPress，PONY口水版，慎入！~

WordPress Custom Fields 自定义字段使用

无觅

Attribute：

$(”p”).addClass(css中定义的样式类型); 给某个元素添加样式
$(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值，参数是map
$(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值
$(”img”).attr(”title”, function() { return this.src }); 给某个元素添加属性/值
$(”元素名称”).html(); 获得该元素内的内容（元素，文本等）
$(”元素名称”).html(”new stuff”); 给某元素设置内容
$(”元素名称”).removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值
$(”元素名称”).removeClass(”class”) 给某元素删除指定的样式
$(”元素名称”).text(); 获得该元素的文本
$(”元素名称”).text(value); 设置该元素的文本值为value
$(”元素名称”).toggleClass(class) 当元素存在参数中的样式的时候取消,如果不存在就设置此样式
$(”input元素名称”).val(); 获取input元素的值
$(”input元素名称”).val(value); 设置input元素的值为value

Manipulation：

$(”元素名称”).after(content); 在匹配元素后面添加内容
$(”元素名称”).append(content); 将content作为元素的内容插入到该元素的后面
$(”元素名称”).appendTo(content); 在content后接元素
$(”元素名称”).before(content); 与after方法相反
$(”元素名称”).clone(布尔表达式) 当布尔表达式为真时，克隆元素（无参时，当作true处理）
$(”元素名称”).empty() 将该元素的内容设置为空
$(”元素名称”).insertAfter(content); 将该元素插入到content之后
$(”元素名称”).insertBefore(content); 将该元素插入到content之前
$(”元素”).prepend(content); 将content作为该元素的一部分，放到该元素的最前面
$(”元素”).prependTo(content); 将该元素作为content的一部分，放content的最前面
$(”元素”).remove(); 删除所有的指定元素
$(”元素”).remove(”exp”); 删除所有含有exp的元素
$(”元素”).wrap(”html”); 用html来包围该元素
$(”元素”).wrap(element); 用element来包围该元素

Traversing：

add(expr)
add(html)
add(elements)
children(expr)
contains(str)
end()
filter(expression)
filter(filter)
find(expr)
is(expr)
next(expr)
not(el)
not(expr)
not(elems)
parent(expr)
parents(expr)
prev(expr)
siblings(expr)

Core：

$(html).appendTo(”body”) 相当于在body中写了一段html代码
$(elems) 获得DOM上的某个元素
$(function(){……..}); 执行一个函数
$(”div > p”).css(”border”, “1px solid gray”); 查找所有div的子节点p，添加样式
$(”input:radio”, document.forms[0]) 在当前页面的第一个表单中查找所有的单选按钮
$.extend(prop) prop是一个jquery对象，
举例：
jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
jQuery( expression, [context] ) —$( expression, [context]); 在默认情况下，$()查询的是当前HTML文档中的DOM元素。

each( callback ) 以每一个匹配的元素作为上下文来执行一个函数
举例：1
$(”span”).click(function){
$(”li”).each(function(){
$(this).toggleClass(”example”);
});
});
举例：2
$(”button”).click(function () {
$(”div”).each(function (index, domEle) {
// domEle == this
$(domEle).css(”backgroundColor”, “yellow”);
if ($(this).is(”#stop”)) {
$(”span”).text(”Stopped at div index #” + index);
return false;
}
});
});

jQuery Event:

ready(fn); $(document).ready()注意在body中没有onload事件，否则该函数不能执行。在每个页面中可以
有很多个函数被加载执行，按照fn的顺序来执行。
bind( type, [data], fn ) 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器函数。可能的事件属性有：blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove,
mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress,
keyup, error
one( type, [data], fn ) 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器函数。在每个对
象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。

trigger( type, [data] ) 在每一个匹配的元素上触发某类事件。
triggerHandler( type, [data] ) 这一特定方法会触发一个元素上特定的事件(指定一个事件类型)，同时取消浏览器对此事件的默认行动
unbind( [type], [data] ) 反绑定，从每一个匹配的元素中删除绑定的事件。
$(”p”).unbind() 移除所有段落上的所有绑定的事件
$(”p”).unbind( “click” ) 移除所有段落上的click事件
hover( over, out ) over,out都是方法, 当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。
$(”p”).hover(function(){
$(this).addClass(”over”);
},
function(){
$(this).addClass(”out”);
}
);

toggle( fn, fn ) 如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。
$(”p”).toggle(function(){
$(this).addClass(”selected”);
},
function(){
$(this).removeClass(”selected”);
}
);

元素事件列表说明

注：不带参数的函数，其参数为可选的 fn。jQuery不支持form元素的reset事件。
事件 描述 支持元素或对象
blur( ) 元素失去焦点 a, input, textarea, button, select, label, map, area
change( ) 用户改变域的内容 input, textarea, select
click( ) 鼠标点击某个对象 几乎所有元素
dblclick( ) 鼠标双击某个对象 几乎所有元素
error( ) 当加载文档或图像时发生某个错误 window, img
focus( ) 元素获得焦点 a, input, textarea, button, select, label, map, area
keydown( ) 某个键盘的键被按下 几乎所有元素
keypress( ) 某个键盘的键被按下或按住 几乎所有元素
keyup( ) 某个键盘的键被松开 几乎所有元素
load( fn ) 某个页面或图像被完成加载 window, img
mousedown( fn ) 某个鼠标按键被按下 几乎所有元素
mousemove( fn ) 鼠标被移动 几乎所有元素
mouseout( fn ) 鼠标从某元素移开 几乎所有元素
mouseover( fn ) 鼠标被移到某元素之上 几乎所有元素
mouseup( fn ) 某个鼠标按键被松开 几乎所有元素
resize( fn ) 窗口或框架被调整尺寸 window, iframe, frame
scroll( fn ) 滚动文档的可视部分时 window
select( ) 文本被选定 document, input, textarea
submit( ) 提交按钮被点击 form
unload( fn ) 用户退出页面 window

JQuery Ajax 方法说明:

load( url, [data], [callback] ) 装入一个远程HTML内容到一个DOM结点。
$(”#feeds”).load(”feeds.html”); 将feeds.html文件载入到id为feeds的div中
$(”#feeds”).load(”feeds.php”, {limit: 25}, function(){
alert(”The last 25 entries in the feed have been loaded”);
});

jQuery.get( url, [data], [callback] ) 使用GET请求一个页面。
$.get(”test.cgi”, { name: “John”, time: “2pm” }, function(data){
alert(”Data Loaded: ” + data);
});

jQuery.getJSON( url, [data], [callback] ) 使用GET请求JSON数据。
$.getJSON(”test.js”, { name: “John”, time: “2pm” }, function(json){
alert(”JSON Data: ” + json.users[3].name);
});

jQuery.getScript( url, [callback] ) 使用GET请求javascript文件并执行。
$.getScript(”test.js”, function(){
alert(”Script loaded and executed.”);
});
jQuery.post( url, [data], [callback], [type] ) 使用POST请求一个页面。

ajaxComplete( callback ) 当一个AJAX请求结束后，执行一个函数。这是一个Ajax事件
$(”#msg”).ajaxComplete(function(request, settings){
$(this).append(”

”);
});
ajaxError( callback ) 当一个AJAX请求失败后，执行一个函数。这是一个Ajax事件
$(”#msg”).ajaxError(function(request, settings){
$(this).append(”

Error requesting page ” + settings.url + “

”);
});

ajaxSend( callback ) 在一个AJAX请求发送时，执行一个函数。这是一个Ajax事件
$(”#msg”).ajaxSend(function(evt, request, settings){
$(this).append(”

<”);
});

ajaxStart( callback ) 在一个AJAX请求开始但还没有激活时，执行一个函数。这是一个Ajax事件
当AJAX请求开始(并还没有激活时)显示loading信息
$(”#loading”).ajaxStart(function(){
$(this).show();
});

ajaxStop( callback ) 当所有的AJAX都停止时，执行一个函数。这是一个Ajax事件
当所有AJAX请求都停止时，隐藏loading信息。
$(”#loading”).ajaxStop(function(){
$(this).hide();
});

ajaxSuccess( callback ) 当一个AJAX请求成功完成后，执行一个函数。这是一个Ajax事件，当AJAX请求成功完成时，显示信息。
$(”#msg”).ajaxSuccess(function(evt, request, settings){
$(this).append(”Successful Request!”);
});

jQuery.ajaxSetup( options ) 为所有的AJAX请求进行全局设置。查看$.ajax函数取得所有选项信息。
设置默认的全局AJAX请求选项。
$.ajaxSetup({
url: “/xmlhttp/”,
global: false,
type: “POST”
});
$.ajax({ data: myData });

serialize( ) 以名称和值的方式连接一组input元素。实现了正确表单元素序列
function showValues() {
var str = $(”form”).serialize();
$(”#results”).text(str);
}
$(”:checkbox, :radio”).click(showValues);
$(”select”).change(showValues);
showValues();

serializeArray( ) 连接所有的表单和表单元素(类似于.serialize()方法)，但是返回一个JSON数据格式。
从form中取得一组值，显示出来
function showValues() {
var fields = $(”:input”).serializeArray();
alert(fields);
$(”#results”).empty();
jQuery.each(fields, function(i, field){
$(”#results”).append(field.value + ” “);
});
}
$(”:checkbox, :radio”).click(showValues);
$(”select”).change(showValues);
showValues();

JQuery Effects 方法说明

show( ) 显示隐藏的匹配元素。
show( speed, [callback] ) 以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。
hide( ) 隐藏所有的匹配元素。
hide( speed, [callback] ) 以优雅的动画隐藏所有匹配的元素，并在显示完成后可选地触发一个回调函数
toggle( ) 切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，
切换为可见的。
slideDown( speed, [callback] ) 通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选
地触发一个回调函数。这个动画效果只调整元素的高度，可以使匹配的元素以
“滑动”的方式显示出来。
slideUp( speed, [callback] ) 通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地
触发一个回调函数。这个动画效果只调整元素的高度，可以使匹配的元素以”滑动”
的方式隐藏起来。
slideToggle( speed, [callback] ) 通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回
调函数。 这个动画效果只调整元素的高度，可以使匹配的元素以”滑动”的方式隐
藏或显示。
fadeIn( speed, [callback] ) 通过不透明度的变化来实现所有匹配元素的淡入效果，并在动画完成后可选地触
发一个回调函数。 这个动画只调整元素的不透明度，也就是说所有匹配的元素的
高度和宽度不会发生变化。
fadeOut( speed, [callback] ) 通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触
发一个回调函数。 这个动画只调整元素的不透明度，也就是说所有匹配的元素的
高度和宽度不会发生变化。
fadeTo( speed, opacity, [callback] ) 把所有匹配元素的不透明度以渐进方式调整到指定的不透明度，并在动画完成
后可选地触发一个回调函数。 这个动画只调整元素的不透明度，也就是说所
有匹配的元素的高度和宽度不会发生变化。
stop( ) 停止所有匹配元素当前正在运行的动画。如果有动画处于队列当中，他们就会立即开始。
queue( ) 取得第一个匹配元素的动画序列的引用(返回一个内容为函数的数组)
queue( callback ) 在每一个匹配元素的事件序列的末尾添加一个可执行函数，作为此元素的事件函数
queue( queue ) 以一个新的动画序列代替所有匹配元素的原动画序列
dequeue( ) 执行并移除动画序列前端的动画
animate( params, [duration], [easing], [callback] ) 用于创建自定义动画的函数。
animate( params, options ) 创建自定义动画的另一个方法。作用同上。

JQuery Traversing 方法说明

eq( index ) 从匹配的元素集合中取得一个指定位置的元素，index从0开始
filter( expr ) 返回与指定表达式匹配的元素集合，可以使用”,”号分割多个expr，用于实现多个条件筛选
filter( fn ) 利用一个特殊的函数来作为筛选条件移除集合中不匹配的元素。
is( expr ) 用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的
表达式就返回true。
map( callback ) 将jQuery对象中的一组元素利用callback方法转换其值，然后添加到一个jQuery数组中。
not( expr ) 从匹配的元素集合中删除与指定的表达式匹配的元素。
slice( start, [end] ) 从匹配元素集合中取得一个子集，和内建的数组的slice方法相同。
add( expr ) 把与表达式匹配的元素添加到jQuery对象中。
children( [expr] ) 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。可选的过滤器
将使这个方法只匹配符合的元素(只包括元素节点，不包括文本节点)。
contents( ) 取得一个包含匹配的元素集合中每一个元素的所有子孙节点的集合(只包括元素节点，不
包括文本节点)，如果元素为iframe，则取得其中的文档元素
find( expr ) 搜索所有与指定表达式匹配的元素。
next( [expr] ) 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。
nextAll( [expr] ) 取得一个包含匹配的元素集合中每一个元素所有的后面同辈元素的元素集合
parent( [expr] ) 取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents( [expr] ) 取得一个包含着所有匹配元素的唯一祖先元素的元素集合（不包含根元素）。
prev( [expr] ) 取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。
prevAll( [expr] ) 取得一个包含匹配的元素集合中每一个元素的之前所有同辈元素的元素集合。
siblings( [expr] ) 取得一个包含匹配的元素集合中每一个元素的所有同辈元素的元素集合。
andSelf( ) 将前一个匹配的元素集合添加到当前的集合中
取得所有div元素和其中的p元素，添加border类属性。取得所有div元素中的p元素，
添加background类属性
$(”div”).find(”p”).andSelf().addClass(”border”);
$(”div”).find(”p”).addClass(”background”);
end( ) 结束当前的操作，回到当前操作的前一个操作
找到所有p元素其中的span元素集合，然后返回p元素集合，添加css属性
$(”p”).find(”span”).end().css(”border”, “2px red solid”);

JQuery Selectors 方法说明

基本选择器
$(”#myDiv”) 匹配唯一的具有此id值的元素
$(”div”) 匹配指定名称的所有元素
$(”.myClass”) 匹配具有此class样式值的所有元素
$(”*”) 匹配所有元素
$(”div,span,p.myClass”) 联合所有匹配的选择器

层叠选择器
$(”form input”) 后代选择器，选择ancestor的所有子孙节点
$(”#main > *”) 子选择器，选择parent的所有子节点
$(”label + input”) 临选择器，选择prev的下一个临节点
$(”#prev ~ div”) 同胞选择器，选择prev的所有同胞节点

基本过滤选择器
$(”tr:first”) 匹配第一个选择的元素
$(”tr:last”) 匹配最后一个选择的元素
$(”input:not(:checked) + span”)从原元素集合中过滤掉匹配selector的所有元素（这里有是一个临选择器）
$(”tr:even”) 匹配集合中偶数位置的所有元素(从0开始)
$(”tr:odd”) 匹配集合中奇数位置的所有元素(从0开始)
$(”td:eq(2)”) 匹配集合中指定位置的元素(从0开始)
$(”td:gt(4)”) 匹配集合中指定位置之后的所有元素(从0开始)
$(”td:gl(4)”) 匹配集合中指定位置之前的所有元素(从0开始)
$(”:header”) 匹配所有标题
$(”div:animated”) 匹配所有正在运行动画的所有元素

内容过滤选择器
$(”div:contains(’John’)”) 匹配含有指定文本的所有元素
$(”td:empty”) 匹配所有空元素(只含有文本的元素不算空元素)
$(”div:has(p)”) 从原元素集合中再次匹配所有至少含有一个selector的所有元素
$(”td:parent”) 匹配所有不为空的元素(含有文本的元素也算)
$(”div:hidden”) 匹配所有隐藏的元素，也包括表单的隐藏域
$(”div:visible”) 匹配所有可见的元素

属性过滤选择器
$(”div[id]”) 匹配所有具有指定属性的元素
$(”input[name=’newsletter’]”) 匹配所有具有指定属性值的元素
$(”input[name!=’newsletter’]”) 匹配所有不具有指定属性值的元素
$(”input[name^=’news’]”) 匹配所有指定属性值以value开头的元素
$(”input[name$=’letter’]”) 匹配所有指定属性值以value结尾的元素
$(”input[name*=’man’]”) 匹配所有指定属性值含有value字符的元素
$(”input[id][name$=’man’]”) 匹配同时符合多个选择器的所有元素

子元素过滤选择器
$(”ul li:nth-child(2)”),
$(”ul li:nth-child(odd)”), 匹配父元素的第n个子元素
$(”ul li:nth-child(3n + 1)”)
$(”div span:first-child”) 匹配父元素的第1个子元素
$(”div span:last-child”) 匹配父元素的最后1个子元素
$(”div button:only-child”) 匹配父元素的唯一1个子元素

表单元素选择器
$(”:input”) 匹配所有的表单输入元素，包括所有类型的input, textarea, select 和 button
$(”:text”) 匹配所有类型为text的input元素
$(”:password”) 匹配所有类型为password的input元素
$(”:radio”) 匹配所有类型为radio的input元素
$(”:checkbox”) 匹配所有类型为checkbox的input元素
$(”:submit”) 匹配所有类型为submit的input元素
$(”:image”) 匹配所有类型为image的input元素
$(”:reset”) 匹配所有类型为reset的input元素
$(”:button”) 匹配所有类型为button的input元素
$(”:file”) 匹配所有类型为file的input元素
$(”:hidden”) 匹配所有类型为hidden的input元素或表单的隐藏域

表单元素过滤选择器
$(”:enabled”) 匹配所有可操作的表单元素
$(”:disabled”) 匹配所有不可操作的表单元素
$(”:checked”) 匹配所有已点选的元素
$(”select option:selected”) 匹配所有已选择的元素

JQuery CSS 方法说明

css( name ) 访问第一个匹配元素的样式属性。
css( properties ) 把一个”名/值对”对象设置为所有匹配元素的样式属性。
$(”p”).hover(function () {
$(this).css({ backgroundColor:”yellow”, fontWeight:”bolder” });
}, function () {
var cssObj = {
backgroundColor: “#ddd”,
fontWeight: “”,
color: “rgb(0,40,244)”
}
$(this).css(cssObj);
});
css( name, value ) 在所有匹配的元素中，设置一个样式属性的值。
offset( ) 取得匹配的第一个元素相对于当前可视窗口的位置。返回的对象有2个属性，
top和left，属性值为整数。这个函数只能用于可见元素。
var p = $(”p:last”);
var offset = p.offset();
p.html( “left: ” + offset.left + “, top: ” + offset.top );
width( ) 取得当前第一匹配的元素的宽度值，
width( val ) 为每个匹配的元素设置指定的宽度值。
height( ) 取得当前第一匹配的元素的高度值，
height( val ) 为每个匹配的元素设置指定的高度值。

JQuery Utilities 方法说明

jQuery.browser
.msie 表示ie
jQuery.browser.version 读取用户浏览器的版本信息
jQuery.boxModel 检测用户浏览器针对当前页的显示是否基于w3c CSS的盒模型
jQuery.isFunction( obj ) 检测传递的参数是否为function
function stub() { }
var objs = [
function () {},
{ x:15, y:20 },
null,
stub,
“function”
];
jQuery.each(objs, function (i) {
var isFunc = jQuery.isFunction(objs[i]);
$(”span:eq( ” + i + “)”).text(isFunc);
});
jQuery.trim( str ) 清除字符串两端的空格，使用正则表达式来清除给定字符两端的空格
jQuery.each( object, callback ) 一个通用的迭代器，可以用来无缝迭代对象和数组
jQuery.extend( target, object1, [objectN] ) 扩展一个对象，修改原来的对象并返回，这是一个强大的实现继承的
工具，这种继承是采用传值的方法来实现的，而不是JavaScript中的
原型链方式。
合并settings和options对象，返回修改后的settings对象
var settings = { validate: false, limit: 5, name: “foo” };
var options = { validate: true, name: “bar” };
jQuery.extend(settings, options);

合并defaults和options对象，defaults对象并没有被修改。options对象中的值
代替了defaults对象的值传递给了empty。

var empty = {}
var defaults = { validate: false, limit: 5, name: “foo” };
var options = { validate: true, name: “bar” };
var settings = $.extend(empty, defaults, options);
jQuery.grep( array, callback, [invert] ) 通过一个筛选函数来去除数组中的项
$.grep( [0,1,2], function(n,i){
return n > 0;
});
jQuery.makeArray( obj ) 将一个类似数组的对象转化为一个真正的数组
将选取的div元素集合转化为一个数组
var arr = jQuery.makeArray(document.getElementsByTagName(”div”));
arr.reverse(); // use an Array method on list of dom elements
$(arr).appendTo(document.body);
jQuery.map( array, callback ) 使用某个方法修改一个数组中的项，然后返回一个新的数组
jQuery.inArray( value, array ) 返回value在数组中的位置，如果没有找到，则返回-1
jQuery.unique( array ) 删除数组中的所有重复元素，返回整理后的数组

您可能也喜欢：

ladeq.it 学习Jquery animate方法，这个是WP居然

[转载] jQuery Selectors 选择器的使用

LIGHT BOX效果JS大集合（Jquery相关）

Best jQuery Plugins of 2010

无觅

1. 设定过期时间

<?php
if (have_posts()) :
while (have_posts()) : the_post(); ?>
$expirationtime = get_post_custom_values(‘expiration’);
if (is_array($expirationtime)) {
$expirestring = implode($expirationtime);}
$secondsbetween = strtotime($expirestring)-time();
if ( $secondsbetween > 0 ) {
// For example…
the_title();
the_excerpt();
}
endwhile;
endif;?>

2.区分日志显示方式

<?php if (have_posts()) :
while (have_posts()) : the_post();
$customField = get_post_custom_values(“full”);
if (isset($customField[0])) {
//Custom field is set, display a full post
the_title();
the_content();
} else {
// No custom field set, let’s display an excerpt
the_title();
the_excerpt();
endwhile;
endif;
?>

3.设定页面META内容

<meta name=”description” content=”
<?php if ( (is_home()) || (is_front_page()) ) {
echo (‘Your main description goes here’);
} elseif(is_category()) {
echo category_description();
} elseif(is_tag()) {
echo ‘-tag archive page for this blog’ . single_tag_title();
} elseif(is_month()) {
echo ‘archive page for this blog’ . the_time(‘F, Y’);
} else {
echo get_post_meta($post->ID, “Metadescription”, true);
}?>”>

4.设置特殊的CSS

<?php if (is_single()) {
$css = get_post_meta($post->ID, ‘css’, true);
if (!empty($css)) { ?>
<style type=”text/css”>
<?php echo $css; ?>
<style>
<?php }
} ?>

5. SEO Title优化

<title>
<?php if (is_home () ) {
bloginfo(‘name’);
} elseif ( is_category() ) {
single_cat_title(); echo ‘ – ‘ ; bloginfo(‘name’);
} elseif (is_single() ) {
$customField = get_post_custom_values(“title”);
if (isset($customField[0])) {
echo $customField[0];
} else {
single_post_title();
}
} elseif (is_page() ) {
bloginfo(‘name’); echo ‘: ‘; single_post_title();
} else {
wp_title(”,true);
} ?>
</title>

6.设定不被搜索引擎搜索

<?php $cf = get_post_meta($post->ID, ‘noindex’, true);
if (!empty($cf)) {
echo ‘<meta name=”robots” content=”noindex”/>’;
}
?>

7.使用缩略图（2.9+自带了）

<?php $postimageurl = get_post_meta($post->ID, ‘post-img’, true);
if ($postimageurl) {?>
<a href=”<?php the_permalink(); ?>” rel=”bookmark”>
<img src=”<?php echo $postimageurl; ?>” alt=”Post Pic” /></a>
<?php } else { ?>
<a href=”<?php the_permalink(); ?>” rel=”bookmark”>
<img src=”<?php bloginfo(‘template_url’); ?>/images/wprecipes.gif” alt=”Screenshot” /></a>
<?php } ?>

8.个性化的read more

<?php $custommore = get_post_meta($post->ID, ‘custom_more’, true); ?>
<?php if (!$custommore) { $custommore = ‘Read More &raquo;’; } ?>
<?php the_content($custommore); ?>

9.设置个性化背景（与timthumb结合）

<?php if (is_page() || is_single()) {
<?php $background = get_post_meta($post->ID, ‘background’, true);
if ($background) {?>
<style type=”text/css”>background: url(<?php bloginfo(‘template_url’); ?>/timthumb/timthumb.php?w=1920&zc=1&src=<?php echo $background; ?>) fixed no-repeat;</style>
<?php }
}?>

=========================

相关技巧

1.获取循环外的 custom field

<?php
global $wp_query;
$postid = $wp_query->post->ID;
echo get_post_meta($postid, ‘customField’, true);
?>

2.获得第一张图片

<?php
// Get URL of first image in a post
function catch_that_image() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘/<img.+src=[\'"]([^\'"]+)[\'"].*>/i’, $post->post_content, $matches);
$first_img = $matches [1] [0];
// no image found display default image instead
if(empty($first_img)){
$first_img = “/images/default.jpg”;
}
return $first_img;
}?>

3.筛选有某一自定义值的日志

query_posts(“meta_key=Camera_Specs”);

=========================

相关插件

More Fields

Custom Shortcodes

还搜到了帕兰印象的 20+Wordpress自定义字段使用技巧和插件/Custom Fields ，可以研究下~

您可能也喜欢：
自定义404页面，啥时候我也上一个！~	我自己做的Wordpress Test站大集合！~ WordPress是好物！~~	我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。	WordPress SEO 手册【伪】Cheat Sheet Seo for WordPress，PONY口水版，慎入！~
无觅

Cheat Sheet Seo for WordPress（Dropbox下载） 一切从此开始~~

1.安装WP

第一件事当然是安装啦，选个好域名，我的新域名很不错哦，这个域名一直被人抱怨太长||| 新域名是 WEB-ORZ.COM ~ 届时捧场哈~~ 然后要选择正确的TLD文件，不知道干嘛，查了一下是用来自定义标签规则的

2. 设置 robots.txt

这个文件放在根目录下，是用来对搜索引擎的爬虫机器人进行引导的，可以设置允许及禁止其收录的目录，设定sitemap地址等

我看了一下自己的，wordpress应该差不多这样设置就够

User-agent: *
Disallow: /index.php
Disallow: /cgi-bin
Disallow: /wp-
Disallow: /feed/
Disallow: /*/feed
Disallow: /trackback/
Disallow: /*/trackback
Disallow: /comments/
Disallow: /*?*
Disallow: /*?
Allow: /wp-content/uploads
Sitemap: www.originalcolors.cn

安全起见禁止访问cgi-bin及以wp-开头的文件夹和index.php，屏蔽feed文件夹可以防止过多的重复收录，避免被认为作弊而降权，comments及trackback用来避免垃圾评论及引用，禁止*?是为了使用自定义永久链接后防止同一内容有2个地址的情况，也就是重复收录啦，最后跟上你的sitemap地址~~ 想自己研究的看 Robots.txt Tutorial，灰常详细！~

3. 设置 . htaccess文件
需要服务器提供商支持mod_rewrite先，同样是放在根目录下，要说起这个东东的作用那真是多了去了说也说不完啊不完啊不完，SO，你可以看看 10个神奇的.htaccess技巧(for WordPress) 和 26个用于Wordpress的 .htaccess 规则 ，差不多就够用鸟~~

4. 使用良好的URL结构

需要mod_rewrite支持，然后就可以在设置-永久链接中使用自定义的结构，减少URL层次深度，增加搜索引擎友好性，我使用的是最最干脆滴 /%postname%.html，但是这样使用又会有一些新滴问题，前面有么有“www”后面有么有“/”都是不同滴，这个时候试试看 Permalink Redirect，如果你以前没有使用自定义结构中途改了，自己站子上看起来没啥问题，但是别人通过搜索引擎或者以前记录下来的地址访问你的页面，就会出现404错误，找不到页面了，这个时候再试试看 Permalinks Migration Plugin ，嘛，要保证网址唯一且正确又科学，要做的事情不少啊，上面滴 .htaccess 也可以帮助不少，好好研究！~

5. 选好主题

wordpress皮如此之多，选择很重要啊，一些牛人做的theme，SEO都已经直接做到很好了，自己动手的话，就往下看吧！

6. 优化<header>

哪，自己动手的机会来啦，我以前一直在用的是 All in One SEO Pack ，虽然也听说这家伙个头太大且更新忒频繁||| 不过因为懒，一直就这样了，其他 HeadSpace 2 据说也是好物，下次我用用这个看~

//调整博客名与日志名的前后位置
<?php $the_title = wp_title(' - ', false); if ($the_title != '') : ?>
    <title><?php echo wp_title('',false); ?></title>
<?php else : ?>
    <title><?php bloginfo('name'); ?></title>
<?php endif; ?>

//首页和日志页面，简易关键字及描述的定义
<?if (is_home()){
    $description = "OOXX";
    $keywords = "OOXX";
} elseif (is_single()){
    if ($post->post_excerpt) {
        $description = $post->post_excerpt;
    } else {
        $description = substr(strip_tags($post->post_content),0,220);
    }
    $keywords = "";
    $tags = wp_get_post_tags($post->ID);
    foreach ($tags as $tag ) {
        $keywords = $keywords . $tag->name . ", ";
    }
}
?>
<meta name="keywords" content="<?=$keywords?>" />
<meta name="description" content="<?=$description?>" />

看了好多手动修改的例子，头都大了，还要搞那么多自定义字段，我觉得我这样的懒家伙应该还是会靠插件过的。。。有兴趣的勤劳勇敢的人们可以再看看 直接用代码替换ALL IN ONE SEO PACK WordPress插件 ，WordPress SEO的Description、Keywords和Title完美写法(完整版)，SEO几近完美的Wordpress header.php，Google & SEO Friendly Page Titles

7. 优化<body>

要好好滴理解搜索引擎对标签重要级别的读取，重要内容放前边，在结构上，sidebar虽然在显示左边，但实际上可以将代码放在日志显示段的后面，再使用CSS做定位，内容上，将内容重点尽量放前，可以以摘要的形式抽取显示在顶部，关键字在文章中要有适当的密度，<h1>用作博客标题，<h2>用作日志标题，重点关键字用<strong>强调，图片加入alt标签，sidebar里不要放比<h3>更重的标签，其实在首页上这样做，到了内页完全可以改为以日志标题为最重，不嫌麻烦的话~~

8. 必备插件

在这里我就不列咯，世界上那么多N大worpdress必备插件，个人爱好啦~ 有兴趣可以看看我顶上滴 WordPress爬行记录 ，装过的乱七八糟东东都列在上面，仅供参考~~

9. 用户跟踪

知己知彼嘛，跟踪用户信息，分析行为来作为改善滴数据基础，当然是首推我们强大滴 Google Analytics 啦~~ 不过最近我的浏览量实在惨淡啊，一月一月发懒不更新滴缘故|||。。。

10. 使用sitemap

推荐使用 Google (XML) Sitemaps Generator for WordPress 来实时生成xml文件

11. 归档

使用归档可以更好的引导用户阅读

其他一些注意点

在不同的页面上调整sidebar的显示内容，你无需在首页上使用新日志列表；根据 Pagerank Sculpting(PR剪枝) 科学滴来使用“rel=Nofollow”，合理的内部链接可以提高日志及页面的排名等级；制作一个单独的新一周日志归档，每个页面都链向它，作用同上；增加ping向的服务器保持更新同步，列表自己搜搜一大堆，填到设置-撰写-更新通知里面，你一有新文章了，系统就帮你告诉这些站子去，不过这样搞会拖慢发布时候的速度~~

使用其他一些工具来帮助进行内容管理，Google Feedburner 更好滴组织你自己的feed、CrawlTrack 跟踪各搜索引擎爬虫在你站子上的爬行信息，社会化网站对你的收录信息以及居然还能检测到黑客入侵信息~（看样子我也不会用|||）、WordPress Database Backup 数据库自动保存，这个好用的，我一直在用，每周打包数据库送我邮箱，不怕站子突然挂掉鸟~~

关于这个Cheat Sheet Seo for WordPress，内容随随便便我就记录了这么多，也就是个2页的pdf，还是有空自己看看哈，里面链接延伸开去还是有不少其他东东的~~

您可能也喜欢：
【无责任翻译】网站不需要进行搜索引擎优化的7个理由	我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。	WordPress 主题收集 PART 2	我自己做的Wordpress Test站大集合！~ WordPress是好物！~~
无觅

iPhone Development: 12 Tips To Get You Started 最基础的一些点~~

Building iPhone Apps with HTML, CSS, and JavaScript 整本书都在网上，外国友人真大方！！~~

Safari Reference Library 苹果官方的Safari Code文档~~

Web Development for the iPhone: HTML, CSS & JS Support 强大滴属性支持表格~~牛博，这里有很多好东东，到处挖挖好处多多！

How to Make an HTML5 iPhone App 牛人用html5做了个可以离线滴俄罗斯方块~~

===============

然后是几个现成的web app framework

iUI iWebkit jQTouch

现在做的都是不复杂的东西，页面自己从头开始写，等俺有机会用了再回来写框架介绍好了~~

===================================

恩，时隔一年，最近终于又有点新事情可以研究一下，又有点新东西这里可以塞一下了~~

ipad2一出，1代马上掉了1000，不到3000就可以入一个了喂，这次去香港玩考虑一下可以。。。不过本来是打算做window shopping去的，我是没钱没信用卡的可怜淫，555

（到我终于想起来补完一下这个文章，我已经从香港回来了，而且今天的新闻说联通要降价处理iphone4。。。诶，等5吧还是。。。）

东西先记一下，回头好好看~~

1. iphone/ipad网站开发技巧整理

一些开发上的小技巧~~

2. Web App第三方组件比较

dashcode、jqtouch、sencha、jquery mobile 到底选哪个来玩呢？~ 我也还没定，在看dashcode的视频~

3. Enabling Startup Image for an iPad Web Application

为你的web app弄个开始画面吧~ 挺帅的~

4. Designing for iPad: Reality Check

一些ipad设计方面的细节提点~

5. Designing Web Apps for the iPad

一些注意点和小技巧~

6. Use iPad Webapps on Your Desktop

很多网站的ipad版本去掉了flash、广告和其他杂乱的东东，把你的FF伪装成ipad设备，轻松的浏览吧~

7. Safari on iPhone Graphics, Media, and Visual Effects Coding How-To’s

Safari里的CSS特效和动画~

8. Safari CSS Visual Effects Guide

官方的Safari CSS使用指导，很是神奇~

9. sixrevisions.com

一个不错的简单的Web app，给出了一些设计实现方面的注意点

10. iphone.appstorm.net

整体的Tool Box，各方资源都有~

11. iPad GUI PSD

PSD有啦~设计帮大忙了~

您可能也喜欢：

最近都要和移动设备打交道，关于web app开发，工具选择的一点点东西~ Jquery Mobile/Sencha Touch/PhoneGap

Android Mobile Phone 上的Web App开发，资料收集~~ 其实Apple也有啦~~

MephoBox | Web Design and Web Inspiration

比起iPhone，我还是更心水G1哇~

无觅

normal
.sampleCss {
height:10px;
}

FF & IE8/7/6
.sampleCss {
height: 10px;
height: 10px\9;
*height: 10px;
_height:10px;
}

Firefox 2及以前版本
body:empty .selector {
height:10px;
} 或
#selector[id=SELECTOR] {
height:10px;
} 或
html>/**/body .selector, x:-moz-any-link {
height:10px;
}

Firefox 3
html>/**/body .sampleCss, x:-moz-any-link, x:default {
height:10px;
} 或
@-moz-document url-prefix(){
.sampleCss{height:10px;}
}

Safari3
body:nth-of-type(1) .sampleCss {
height:10px;
} 或
@media screen and (-webkit-min-device-pixel-ratio:0){
.sampleCss{height:10px;}
}

Chrome
body:nth-of-type(1) .sampleCss {
height:10px;
}

Opera
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
head~body .sampleCss{ height:10px;}
}

补充：
@media all and (min-width:0) {
.class{
background-color:#FF00FF; /*Opera和Safari */
html* .class{
background-color:# 808080; /*Saafari*/
}
}
}

2010.05.12 补充 幸福收藏夹-说说CSS Hack 和向后兼容

/***** Selector Hacks ******/

/* IE6 and below */
* html #uno { color: red }

/* IE7 */
*:first-child+html #dos { color: red }

/* IE7, FF, Saf, Opera */
html>body #tres { color: red }

/* IE8, FF, Saf, Opera (Everything but IE 6,7) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 and below, safari 2 */
html:first-child #cinco { color: red }

/* Safari 2-3 */
html[xmlns*=""] body:last-child #seis { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho { color: red }

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#diez { color: red }
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#veintiseis { color: red }
}

/* Safari 2 – 3.1 */
html[xmlns*=""]:root #trece { color: red }

/* Safari 2 – 3.1, Opera 9.25 */
*|html[xmlns*=""] #catorce { color: red }

/* Everything but IE6-8 */
:root *> #quince { color: red }

/* IE7 */
*+html #dieciocho { color: red }

/* Firefox only. 1+ */
#veinticuatro, x:-moz-any-link { color: red }

/* Firefox 3.0+ */
#veinticinco, x:-moz-any-link, x:default { color: red }

/***** Attribute Hacks ******/

/* IE6 */
#once { _color: blue }

/* IE6, IE7 */
#doce { *color: blue; /* or #color: blue */ }

/* Everything but IE6 */
#diecisiete { color/**/: blue }

/* IE6, IE7, IE8 */
#diecinueve { color: blue\9; }

/* IE7, IE8 */
#veinte { color/*\**/: blue\9; }

/* IE6, IE7 — acts as an !important */
#veintesiete { color: blue !ie; } /* string after ! can be anything */

您可能也喜欢：
CSS选择器之浏览器支持汇总，IE8/FF 3.5 beta/Safari 4 Beta/iPhone包括	今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！	【转载】Web技术要发展，IE6必须被消灭！	Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了
无觅