js代码： css代码： 代码如下: tr.alt td { background:#ecf6fc; /*这行将给所有的tr加上背景色*/ } tr.over td { background:#bcd4ec; /*这个将是鼠标高亮行的背景色*/ }
代码如下:body{background:#FFFFFF;} $(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 { $("tr:eq(1)").clone().appendTo("table"); //在表格后面添加一行 $("tr:last td input:first").val(++count); //改变添加的行的ID值。 ...
实现功能：1、有一个同学叫我实现一个这样的功能就像PHP，在表单中输入数字，然后网页就出现相应的数量；如果是PHP的话就简单多了，Jquery实现还是第一个，就开始狂的实验，最后还是实现了（知识点：Jquery创建节点、获取表单的值、循环语句）Jquery代码： 代码如下: $(function(){$("#btn").click(function(){ //选择ID为btn的元素，添加点击事件var result = $("input[name='text']").val(); //获取name为'text的文本框的值，并...
实现步骤：先在html的head中加入对jQuery和jQuery UI的引用：代码如下: 再加入对Param Query Grid的引用： 代码如下: 增加脚本代码： 代码如下:$(function () { var data = [ [1, 'Exxon Mobil', '339,938.0', '36,130.0'], [2, 'Wal-Mart Stores', '315,654.0', '11,231.0'], [3, 'Royal Dutch Shell', '306,731.0', '...
代码如下: 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:se...
这是一个比较实用的功能，设置奇偶行颜色不同后阅读表格数据的体验明显变好，否则数据会显得非常繁杂拥挤（当表格数据行多时体验尤为明显）。只有当你自己真正做这方面的东西接触到时才有强烈的体会，反正我是刚刚经历了，留在这里备参考吧~ 核心JS脚本代码如下（table元素的id根据自己的情况调整，代码中的jquery-1.7.min.js可以到jquery的官网上下载） 代码如下: $(document).ready(function(){ SetTableRowColor(); }); //用...
代码如下: "http://www.w3.org/TR/html4/loose.dtd"> 动态创建表格 function CreateTable(rowCount,cellCount) { var table=$(""); table.appendTo($("#createtable")); for(var i=0;i{ var tr=$(""); tr.appendTo(table); for(var j=0;j{ var td=$(""+i*j+""); td.appendTo(tr); } } trend.appendTo(table); $("#createtable").append(""); } JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布...
代码如下:jQuery 表格自动增加table { width:800px; margin:50px auto; border-collapse:collapse; border-spacing:0; }table tr, table th, table td { border:1px solid #ddd; font-size:12px; }table tr td:first-child { width:30px; text-align:center; }table td input { width:100%; height:100%; padding:5px 0; border:0 none; }table td input:focus { box-shadow:1px 1px 3px #ddd inset; outline:none; } 序号姓名金...
使用jquery插件，主要实现当窗口发生改变时jqgird表格也随着改变大小 html： JS：$(function(){$(window).resize(function(){ $("#list").setGridWidth($(window).width()); }); });
最近在做一个项目，功能已经实现，突然用户要求表头是浮动的（因为内容在同一页面展示，当滚动时，看不到列头）。由于功能已经实现使用jquery+纯html，为了改动少只能使用jquery原生态实现滚动。 html表头代码： 代码如下: 师资力量 科研 人才培养 职称结构 学位结构 生师比 科研项目 科研成果奖 科研论文 教学单位 本科生数 研究生数 教职工数 高级教职工数 中级教职工数 博士学位职工数 硕士学位教职工数 本科生...
以下列出13个jQuery操作table常用到的功能： 1.鼠标移动行变色 代码如下:$(#table1 tr).hover(function(){ $(this).children(td).addClass(hover)}, function(){ $(this).children(td).removeClass(hover)});方法二： 代码如下:$("#table1 tr:gt(0)").hover(function() { $(this).children("td").addClass("hover"); }, function() { $(this).children("td").removeClass("hover"); }); 2.奇偶行不同颜色 代码如下:$...
虽然jquery流行已经很多年了，一直都感觉很难，也没有花时间去学习它，只是偶尔哪天心血来潮了去看一点点，时隔多日又会忘得一干二净。最近用到表格奇偶行不同色，不得不去再看jquery，虽然感觉还是难，但已经不像以前一样无从下手了。做完后不得不来感叹一下jquery真是太牛了，不用自己再写一大堆javascript函数去实现了，简单几句轻松搞定。 先定义好表格的奇偶行样式，如下代码： 代码如下: body { font-size:12px; } th { col...
1、表格奇数行和偶数行分别添加样式 代码如下: $(function(){ $(tr:odd).addClass("odd"); $(tr:even).addClass("even"); }); 不算表的头部 代码如下: $(function(){ $(tbody>tr:odd).addClass("odd"); $(tbody>tr:even).addClass("even"); }); 2、单选框控制行的高亮显示 代码如下: $(tobdy>tr).click(function(){ $(this).addClass(selected) .siblings().removeClass(selected) .end() // 重新返回该对象 .find(:radio).at...
表格部分如下： 代码如下: 时间 详情 操作 2014-04-29 11:02:24 详情 2014-04-28 10:00:00 详情 ...
周末写了个更改表格行顺序的小功能，直接贴代码 表格部分如下： 代码如下: 时间 详情 操作 2014-04-29 11:02:24 详情 2014-04-28 10:00:00 详情 js代码，其中会为要变更的行在变更顺序后加上class=danger 代码如下: $(function(){ $('.move_btn').click(function(){ var move_act = $(this).attr('move_act'); $('#test_table tbody tr').removeClass('danger'); if(move_act == 'up'){ $(this).p...