jQuery实例CSS 样式表动态选择

本实例主要说的还是jquery的选择器，
关于jquery的css的一些知识
用类似

这样的方式来确定
具体的大家就看代码
吧

css样式表一

body{background:#000;

color:#fff}

h1{font-size:14px;

color:#fff;font-weight:bold;}

p{font-size:12px;

color:#fff;}

css样式表二

body{background:#f00;color:#fff}

h1{font-size:15px;color:#fff;font-weight:bold;}

p{font-size:13px;color:#fff;}

css样式表三

body{background:#fee;color:#000}

h1{font-size:16px;color:#000;font-weight:bold;}

p{font-size:14px;color:#000;}

主要文件代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 jQuery实例CSS 样式表动态选择

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="utf-8">
3 jQuery实例CSS 样式表动态选择

<HTML>
4

<HEAD>
5

<TITLE>css 选择</TITLE>
6 jQuery实例CSS 样式表动态选择

</HEAD>
12 jQuery实例CSS 样式表动态选择

<BODY>
13

<h1>jQuery 是一个新型的JavaScript库. </h1>
14 jQuery实例CSS 样式表动态选择

<p>jQuery是一个简洁快速的JavaScript库，它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互。jQuery的设计会改变你写JavaScript代码的方式。
15 jQuery实例CSS 样式表动态选择

jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何JavaScript应用的地方，可用于不用的应用程序。
16 jQuery实例CSS 样式表动态选择

jQuery是一个轻量级的脚本，其代码非常小巧，JavaScript包只有15K左右。
17 jQuery实例CSS 样式表动态选择

jQuery支持CSS1-CSS3,以及基本的xPath
18 jQuery实例CSS 样式表动态选择

jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+
19 jQuery实例CSS 样式表动态选择

</p>
20

<ul>
21

<li rel="style1" class="styleswitch">styles1</li>
22 jQuery实例CSS 样式表动态选择

<li rel="style2" class="styleswitch">styles2</li>
23 jQuery实例CSS 样式表动态选择

<li rel="style3" class="styleswitch">styles3</li>
24 jQuery实例CSS 样式表动态选择

</ul>
25