仁者爱人

摘要： 语言选择器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 阅读全文