Jquery input控件的CSS控制
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="Zend Studio" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery test</title>
</head>
<style>
.lastp{border:2px solid $red;}
.firstp{color:red;}
.hignlight{background:gray;}
.dd{width:20px;height:20px;border:2px solid}
</style>
note： jequery api 函数区分大小写
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("div.d1").fadeOut("slow");
$("p").filter(".ppp");
$("img.img1").attr(//为之指定元素（组）添加指定属性(名值对方式)
{src:"http://docs.jquery.com/images/hat.gif",title:"http://docs.jquery.com/images/hat.gif",
alt:"jquery logo"}
)
var alt = $("img").attr("alt");//获取指定元素(组)第一个元素的alt属性值
// alert(alt);
$("img").attr('src','http://www.sinaimg.cn/home/07index/sinahome_ws_009.gif');//为之指定元素（组）添加指定属性(名值对方式)
$("img").attr("title",function(){//指定元素的属性值用一个函数返回的结果代替
return this.src;
})
$("img").removeAttr("title");//移除指定元素属性值
$("p:last").addClass("lastp");//addclss 为指定元素添加class p：last 为最后一个p元素
$("p:first").addClass('firstp');
$("p:last").removeClass();//移除指定元素class
$("p").toggleClass("highlight");//为指定元素
$("p").toggle(function(){//toggle() 为指定元素按click轮换执行两个函数
$(this).addClass("hignlight");
},function(){
$(this).removeClass('hignlight')
})
$("p").click(function(){//html()为指定元素追加内容
var html = $("p").text();
$("p").html(html);
})
// $("div").eq(1).addClass("hignlight");//div 按索引添加类
// $("div").text($("img").attr("title"));//为指定元素标签设置内容text（）用法
var text = $("div").text();//获取所有div标签元素内容
var text = $("div.d1").text();//获取指定class为d1的div标签元素内容
//
// $("p > a").hide();//�
相关文档：
html部分
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>XHTML ......
CSS滤镜的使用方法：filter:filtername(parameters) 即 filter:滤镜名称（参数）
alpha：设置透明层次
blur：创建高速度移动效果，即模糊效果
chroma：制作专用颜色透明
DropShadow：创建对象的固定影子
FlipH：创建水平镜像图片
FlipV：创建垂直镜像图片
glow：加光辉在附近对象的边外
gray：把图片灰度化
inver ......
filter:alpha(opacity=50);-moz-opacity:0.5;
Opacity: 相对于IE。火狐似乎好像不支持。 值：以百分比为值，100 表示不透明度为100%；50侧代表不透明度为50%。
-moz-opacity: 相对于FF，火狐。 值：以小数点为值，1 表示不透明度为100%；0.5侧代表不透明度为50%。
注意：上面的滤镜IE8不支持。因此我们需要用 <meta h ......
CSS 和 JavaScript 标签 style 属性对照表：
盒子标签和属性对照
CSS语法（不区分大小写） JavaScript语法（区分大小写）
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color bor ......
css+div和table+css的比较
CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。
CSS＋DIV网站设计的优势
首先，CSS的 ......
