Study JQuery《5、表单与表格》

一、表单应用
 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的值

---------------------------------------------------------------------------------------------------------

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值