代码如下:<!DOCTYPE html><html dir="ltr" lang="zh-CN"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width" /><title>jQuery 表格自动增加</title><meta name="keywords" content="jQuery, 表格, table, 自动增加" /><meta name="description" content="jQuery表格自动增加" /><meta name="viewport" content="width=device-width" /><meta name="copyright" content="imsole.net" /><meta name=...
代码如下:var countPage; var nowPag = 1; var pageSize; var countSize; var starIndex; var endIndex; // 用户提交信息 var name; var sex; var age; // 定义行号 var num = 1; $(document).ready(function() { // 注册添加用户的事件 $("#submit").click(function() { // 获取用户提交的信息 name = $("#name").val(); sex = $("input[name=sex]:checked").val(); age = $("#age").val(); pageSize = $("#selectSize option:sel...
实现步骤：先在html的head中加入对jQuery和jQuery UI的引用：代码如下:<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <!--用了CDN链接（自适应http, https的切换），所以src的开头直接用了"//"--><script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jqu...
实现功能：1、有一个同学叫我实现一个这样的功能就像PHP，在表单中输入数字，然后网页就出现相应的数量；如果是PHP的话就简单多了，Jquery实现还是第一个，就开始狂的实验，最后还是实现了（知识点：Jquery创建节点、获取表单的值、循环语句）Jquery代码： 代码如下: <script type="text/javascript" language="javascript">$(function(){$("#btn").click(function(){ //选择ID为btn的元素，添加点击事件var result = $("input[nam...
代码如下:<script src="jquery/jquery-1.3.1.js"></script><style type="text/css">body{background:#FFFFFF;}</style></head><body><script> $(function(){ var show_count = 20; //要显示的条数 var count = $("input:text").val(); //递增的开始值，这里是你的ID var fin_count = parseInt(count) + (show_count-1); //结束递增的条件 $("#btn_addtr").click(function(){ if(count < fin_count) //点击时候，如果当...
js代码： css代码： 代码如下:tr.alt td { background:#ecf6fc; /*这行将给所有的tr加上背景色*/ } tr.over td { background:#bcd4ec; /*这个将是鼠标高亮行的背景色*/ }
jQuery hover事件 hover(over,out)一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。 当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（...
Jquery 实现表格颜色交替变化，点击选中行，鼠标移过颜色变化效果图如下： 源码（Demo）打包下载 html代码如下： 代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript" src="table-row-1.0.js"></script> <style type="text/css"> ...
上篇博客写的是复选框的，这次写的是单选框的，有时查询的时候，只能选择一条记录，如果将选中的这条记录的行高亮显示，同时该行的单选按钮也被选中了，这样会提高用户的体验的。如今的时代，就是用户体验的时代。 效果如下： CSS文件如下如下所示： 代码如下:.selected{ background:#FF6500; color:#fff; }： 这次的js文件的代码就变得更简单了，如下所示： 代码如下:/** * 设置含有单选按钮的表格的背景颜色 */ $(document).r...
通过jquery技术来操作表格是件简单的事，通过jquery的语法，可以很轻松的完成表格的隔行换色，悬浮高亮，在实际的应用中可能会出现表格中带复选框的，删除时，将复选框所在的行的记录删除。在这的地方，可以加个特效，单击某行的同时将该行的复选框选中，该行的背景色也高亮显示。这样给人的感觉非常好。 效果如下： 我做的这里有两个功能： 功能1、单击某行，该行的复选框被选中，同时改变一下背景色。 功能2、单击全选/全不选标...
1.关于指定表格指定列隐藏显示 代码如下:$(":checkbox[name*=month]").each(function(){ if(!$(this).attr("checked")){ var colnum = $(this).val(); $("#listPage").find(tr).find("td:eq(" + colnum.toString() + ")").hide(); $("#listPage").find(tr).find("th:eq(" + colnum.toString() + ")").hide(); } else { var colnum = $(this).val(); $("#listPage").find(tr).find("td:eq(" + colnum.toString() + ")").show(); $(...
代码： 代码如下:<!DOCTYPE html> <html> <head> <title>merge.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="css/jquery-ui.css" /> <script src="js/jquery.js"></script> <script src="js/jquery-ui.js"></script> <script...
[css] 代码如下:<style> .height{ background:#666666; /*背景颜色为灰色*/ } tr{ cursor: pointer; /*手形*/ } </style> <style>.height{ background:#666666; /*背景颜色为灰色*/}tr{ cursor: pointer; /*手形*/ }</style>[html] 代码如下:<body> <table border="1" width="40%"> <tr><th></th><th align="left">姓名</th><th align="left">性别</th><th align="left">居住地</th></tr> <tr> ...
在 Excel 中可进行的操作，你几乎都可以在网页中做到，如拖动复制、Ctrl+C 、Ctrl+V 等等。另外在浏览器支持方面，它支持以下的浏览器 IE7+, FF, Chrome, Safari, Opera。 如何使用： 首先在页面中引入 jQuery 框架和 Handsontable 插件的相关 JS 和 CSS 文件，以下列出的两个是必要的，还有其它的是可选的，如果需要某个功能时就（参看demo）加上。代码如下: <script src="jquery.min.js"></script> <script src="jquer...
代码如下:筛选：<input type="text" id="sea" /> <table width="100%" id="se"> <thead> <tr><th></th><th>姓名</th><th>性别</th><th>地址</th></tr> </thead> <tbody> <tr class="parent" id="row_01"><td colspan="3">一班</td></tr> <tr class="child_row_01"><td></td><td>大爷</td><td>男10</td><td>武汉1</td></tr> <tr class="child_row_01"><td></td><td>大爷</td><td>男9</td><td>武汉2</td></tr> <tr class="child_row_...