一、表单应用
1、表单标签:包含处理表单数据所用的服务器端程序URL发及数据提交到服务器的方法。
2、表单域:包含文本框、密码框、隐藏域、多行文本框、复选框、单选框、下接选择框、
文件上传框。
3、表单按钮:提交按钮、复位按钮和一般按钮。
注:在表单应用最多的是:全选、全不选等。
二、表格应用
1、隔行变色
.even{background:#FFF38f;}//偶数行
.odd{background:#FFFFEE;}//奇数行
$(function(){
$("tr:odd").addClass("odd");//表头也算进
$("tr:even").addClass("even");
//$("tbody>tr:odd").addClass("odd");//表头例外
//$("tbody>tr:even").addClass("even");
});
2、单击高亮
$("tbody>tr").click(function(){
$(this).addClass("selected")
.siblings.removeClass("selected")
.end()
.find(":radio").attr("checked",true);
});
//当执行siblings.removeClass时,对象已变为$(this).siblings(),
//如要重新返回到$(this)对象,可以用end()方法。
3、换肤
<link href="css/skin_0.css" rel="stylesheet" type="text/css" id="cssfile"/>
<script src="js/jquery.cookie.js" type="text/javascript"></script>//引入JQuery的cookie插件
$("#cssfile").attr("href","css/skin_0.css")//设置皮肤
$.cookie("MyCssSkin",skin_0,{path:"/",expires:10})//计入Cookie
var cookie_skin = $.cookie("MyCssSkin");//获胜cookie的值
---------------------------------------------------------------------------------------------------------