The jQuery library supports nearly all of the selectors included in CSS specifications 1 through 3, as outlined on the World Wide Web Consortium's site: http://www.w3.org/Style/CSS/specs. This support allows developers to enhance their websites without worrying about which browsers (particularly Internet Explorer 6) might not understand advanced selectors, as long as the browsers have JavaScript enabled.

jquery支持几乎所有的css1到3的规范,在世界万维网协会网站http://www.w3.org/Style/css/specs有一个概述。这份支持允许开发者扩展他们的网站,而不用担心这是哪一个浏览器(尤其是IE6)或许不懂高级选择器,只要浏览器支持js脚本就行。

Progressive enhancement
Responsible jQuery developers should always apply the concepts of progressive enhancementand graceful degradationto their code, ensuring that a page will render as accurately, even if not as beautifully, with JavaScript disabled as it does with JavaScript turned on. We will continue to explore these concepts throughout the book.

渐进增强
有责任感的jquery开发者应该总是应用渐进增强和优雅降级的概念到自己代码中,确保这个网页将会精确的渲染,即使在js被禁用后不是像启用js后的那么漂亮。我们将在整本书中继续探索这个概念。

To begin learning how jQuery works with CSS selectors, we'll use a structure that appears on many websites, often for navigation: the nested, unordered list:

<ul id="selected-plays">
<li>Comedies
<ul>
<li><a href="/asyoulikeit/">As You Like It</a></li>
<li>All's Well That Ends Well</li>
<li>A Midsummer Night's Dream</li>
<li>Twelfth Night</li>
</ul>
</li>
<li>Tragedies
<ul>
<li><a href="hamlet.pdf">Hamlet</a></li>
<li>Macbeth</li>
<li>Romeo and Juliet</li>
</ul>
</li>
<li>Histories
<ul>
<li>Henry IV (<a href="mailto:henryiv@king.co.uk 
">email</a>)
<ul>
<li>Part I</li>
<li>Part II</li>
</ul>

<li><a href="http://www.shakespeare.co.uk/henryv.htm">

Henry V
</a></li>
<li>Richard II</li>
</ul>
</li>
</ul>

为了开始学习jquery如何使用css选择器工作,我们将使用在很多网站上出现的结构,通常是导航,一个嵌套的无序的列表:(代码如上)

Notice that the first <ul>has an ID of selected-plays, but none of the <li>tags have a class associated with them. Without any styles applied, the list looks similar to the following screenshot:

注意到第一个ul标签有一个selected-play ID,但是任何一个li标签上都没有类。在没有任何样式的情况下,这个列表看起来就像下面的截图一样。

这个嵌套的列表现实的好像我问期望他是一系列元素垂直排列,然后根据级别缩进。

最新文章

  1. bitnami redmine版本由2.3.1升级至3.2.2过程
  2. git 格式化输出版本信息
  3. ABAP 单位转换函数
  4. 关于jquery-validate验证表单
  5. HTML5手机APP开发入(4)
  6. Timer1控件的属性
  7. 添加事件(jquery)
  8. 工程源码github地址
  9. C语言如何 实现 下雪效果
  10. CHM文件无法查看内容解决办法
  11. sqlserver练习
  12. java String.Format详解
  13. c++(重载、覆盖、隐藏)
  14. [js高手之路]原型式继承与寄生式继承
  15. 【js Date】时间字符串、时间戳转换成今天,明天,本月等文字日期
  16. leaflet简单例子,绘制多边形
  17. html文本encode后,js获取参数失败的bug
  18. laravel框架生產vender文件夹
  19. Luogu P3825 [NOI2017]游戏
  20. 有强大的cURL,忘掉httpclient的吧!

热门文章

  1. Node.js笔记1
  2. 关于给javascript对象添加、删除、修改对象的属性
  3. zoj 1109 zoj 1109 Language of FatMouse(字典树)
  4. Java NIO 转载
  5. Queue(队列)
  6. ASP.NET MVC Framework
  7. 二分查找(Java)
  8. phplib系统开发经验总结
  9. MyEclipse 怎样手动编译整个项目
  10. js运算符(运算符的结合性)