jQuery
visual studio 2010
我们开始学习jQuery，首先明白jQuery是怎么选择HTML元素的。它能够简化在DOM中选择元素的任务，有3种基本的选择符：标签名、ID和类。下面我们一步步了解jQuery这些选择。
首先我们编辑一个html文档，打开visual studio2010，创建一个web项目。
web项目中默认创建了一个Default.aspx web窗体。我们双击在此编写我们的html代码。我们需要导入一个css文件和我们自己的js文件，再导入自己js文件之前，需要先导入jQuery.js，这是jQuery的核心js文件，可以将其认为提供了页面与JavaScript的接口。
使用ID 选择元素，并使用 >选择其子元素 首先我们编辑一个css文件（01.css），为html演示做准备。在css中创建一个类.horizontal {float: left;list-style: none;margin: 10px;}创建一个js文件（01.js），输入代码：$(document).ready(function() {$('#selected-plays > li').addClass('horizontal');});上面js代码的意思：查找ID为 selected-plays 的元素（ #selected-plays ）的子元素（ > ）中所有的列表项（ li ） 。
使用否定式伪类：not在css文件中添加sub-level 类：.sub-level {background: #ccc; //背景设置成灰色}对于ID为 selected-plays 的元素 li 没有应用 horizontal 类样式的添加 sub-level 样式。js文件中添加代码：$('#selected-plays li:not(.horizontal)').addClass('sub-level'); //没有应用到 horizontal 的元素
样式表中再添加代码，对超链接添加样式：a {color: #00c;}a.mailto {background: url(images/email.png) no-repeat right top;padding-right: 18px;}a.pdflink {background: url(images/pdf.png) no-repeat right top;padding-right: 18px;}a.henrylink {background-color: #fff;padding: 2px;border: 1px solid #000;}
属性选择：js中添加代码：$('a[href^="mailto:"]').addClass('mailto');超链接href开头为mailto的添加mailto样式$('a[href$=".pdf"]').addClass('pdflink');超链接href结尾为pdf的添加pdflink样式$('a[href^="http"][href*="henry"]').addClass('henrylink');为 href 属性即以 http 开头且任意位置包含 henry的所有链接添加一个 henrylink 类
添加完代码之后，我们看一下效果：