仁者爱人

摘要：根元素选择器描述：选择文档的根节点元素。jQuery( ":root" )例：显示文档根节点标签名。 root demo The root of this document is: 阅读全文

摘要：奇数选择器jQuery( ":odd" )例：匹配表格的奇数行。 odd demo Row with Index #0 Row with Index #1 Row with Index #2 Row with Index #3 阅读全文

摘要：非选择器jQuery( ":not(selector)" )例：找出所有input标签为非"checked"的，并且高亮其邻居元素span。 not demo Mary lcm Peter 阅读全文

摘要：小于选择器jQuery( ":lt(index)" )jQuery( ":lt(-index)" )描述：选择所有小于指定下标的元素。 lt demo TD #0TD #1TD #2 TD #3TD #4TD #5 TD #6TD #7TD #8 阅读全文

摘要：最后元素选择器jQuery( ":last" )描述：选择与之匹配的最后元素。例：选择表格的最后一行。 last demo First Row Middle Row Last Row 阅读全文

摘要：语言选择器jQuery( ":lang(language)" )描述：选择所有用特定语言指定的标签。根据标签指定语言的不同给标签上色。 header demo USA red white and blue Espana rojo amarillo y rojo 阅读全文

摘要：页眉选择器jQuery( ":header" )描述：选择页眉的所有标签，如 h1，h2， h3 等。 header demo Header 1 Contents 1 Header 2 Contents 2 阅读全文

摘要：大于选择器：jQuery( ":gt(index)" )jQuery( ":gt(-index)" )例：大于TD5 到TD8 用黄色背景，TD8用红色文字。 gt demo TD #0TD #1TD #2 TD #3TD #4TD #5 TD #6TD #7TD #8 阅读全文

摘要：首元素选择器：jQuery( ":first" ) first demo Row 1 Row 2 Row 3 阅读全文

摘要：偶数选择器 jQuery( ":even" )例：查询偶数个表格的行。 even demo Row with Index #0 Row with Index #1 Row with Index #2 Row with Index #3 阅读全文

摘要：等于选择器 :eq()描述：选择与设定下标匹配的元素。jQuery( ":eq(index)" )jQuery( ":eq(-index)" ) find the third td TD #0TD #1TD #2 TD #3TD #4TD #5 TD #6TD #7TD #8 例子：用三个不同的样式去证明:eq()是为选择单元素而设计的，然而，:nth-child()或:eq()在一个循环结构中，如.each()就能选择多个元素。 eq demo List 1, item 1 ... 阅读全文

摘要：动态选择器:animated Selector描述：当选择器运行时，选择动态进程中的所有元素。(对动态进程起作用)jQuery( ":animated" )注释：:animated是jquery的一个扩展 next siblings demo Run 阅读全文

摘要：下一个邻居选择器(“prev ~ siblings”)描述：选择所有"prev"后的邻居选择器，他们有相同的父节点。注意：prev + next 与 prev ~ siblings 的作用范围不一样，前者的作用范围 是与他直接相邻的元素，后者的范围是其后的所有邻居元素。 next siblings demo div (doesn't match since before #prev) span#prev div sibling div sibling div niece span sibling (not div) div si... 阅读全文

摘要：使用 HTML5 设计辅助功能Rajesh Lal下载代码示例如果您真的对面向广大受众感兴趣，将需要为网站设计辅助功能。辅助功能使网页更易于访问、更易于使用，可供每个人浏览。通常，使用最新的技术更易于实现辅助功能。当前，这意味着使用 HTML5。为了具备易访问性，您需要在多种设备上提供您的内容，如使用键盘或鼠标的普通计算机、屏幕阅读器、音频浏览器、具有有限带宽的设备、旧式浏览器和计算机以及手机和触摸设备。而且，它应覆盖最广泛的人群，包括残障人士、老年人、文化水平不高或暂时患病的人以及喜欢只使用键盘或鼠标的人。残障人士辅助功能旨在提供以下四个主要方面的解决方案：听力移动性认知能力视觉听力问题是指 阅读全文

摘要：响应式网页设计是Ethan Marcotte在去年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念可以说是为移动互联网而生的！怎么做？其实响应式网页的实现很简单，都是大家熟悉的技术。media query(媒体查询)因为现在主流的智能终端都是基于iOS和Android的，而它们自带的浏览器都是基于webkit内核，所以我们可以完全使用viewport属性和media query技术实现网站的响应性：后面的initial-scale表示初始缩放，maximum-scale表示最大缩放比例，1意味着不能进行缩放。12345678910111 阅读全文

摘要：随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点……viewport 语法介绍：0102width控制 viewport 的大小，可以指定的一个值或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height和 width 相对应，指定高度。target-densityd 阅读全文