当前位置: 澳门新濠3559 > 服务器运维 > 正文

澳门新濠3559第二个方法是取消样式功能,复制代

时间:2019-12-08 19:30来源:服务器运维
本文汇总了jQuery操作Table的技巧。分享给大家供大家参考,具体如下: 以下列出13个jQuery操作table常用到的功能: 1.鼠标移动行变色 1.鼠标移动行变色 复制代码代码如下:$.hover.children.a

本文汇总了jQuery操作Table的技巧。分享给大家供大家参考,具体如下:

以下列出13个jQuery操作table常用到的功能:

1.鼠标移动行变色

1.鼠标移动行变色复制代码 代码如下:$.hover.children.addClass{ $.removeClass;方法二:复制代码 代码如下:$.hover.children.addClass; }, function.children.removeClass;

方法一:jQuery中的hover方法,参数一:第一个方法是添加样式功能,参数二:第二个方法是取消样式功能

2.奇偶行不同颜色复制代码 代码如下:$('#table1 tbody tr:odd').css('background-color', '#bbf');$('#table1 tbody tr:even').css('background-color','#ffc');//操作class$("#table1 tbody tr:odd").addClass;$("#table1 tbody tr:even").addClass;3.隐藏一行复制代码 代码如下:$('#table1 tbody tr:eq;$("#table1 tr td::nth-child;$.each{$.hide;4.隐藏一列复制代码 代码如下:$('#table1 tr td::nth-child;5.删除一行复制代码 代码如下:// 删除除第一行外的所有行$('#table1 tr:not;// 删除指定行$.remove();6.删除一列复制代码 代码如下:// 删除除第一列外的所有列$('#table1 tr th:not.remove();$('#table1 tr td:not.remove();// 删除第一列$('#table1 tr td::nth-child;7.得到某个单元格的值复制代码 代码如下:// 设置table1,第2个tr的第一个td的值。 $ td:nth-child; // 获取table1,第2个tr的第一个td的值。$ td:nth-child;8.插入一行复制代码 代码如下:// 在第二个tr后插入一行$('

$.hover.children.addClass{$.removeClass

$.hover.children.addClass;}, function.children.removeClass;

插入3

2.奇偶行不同颜色

插入

$("#table1 tbody tr:odd").css("background-color", "#bbf");$("#table1 tbody tr:even").css("background-color","#ffc");$("#table1 tbody tr:odd").addClass$("#table1 tbody tr:even").addClass

插入

3.隐藏一行复制代码 代码如下:$("#table1 tbody tr:eq;

插入

4.隐藏一列

').insertAfter);9.获取每一行指定的单元格的值复制代码 代码如下:var arr = [];$('#table1 tr td:nth-child.each { arr.push;var result = arr.join;10.全选或全不选复制代码 代码如下://方法零:$.on { $.prop('checked', this.checked); // 给当前一起绑定的子选择添加效果});

澳门新濠3559,方法一:复制代码 代码如下:$("#table1 tr td::nth-child;方法二:复制代码 代码如下:$.each{$.hide;

//方法一://全选或全不选 此传入的参数为event 如:checkAllfunction checkAll{evt=evt?evt:window.event;var chall=evt.target?evt.target:evt.srcElement;var tbl=$;var trlist=tbl.find;for(var i=1;i

5.删除一行

11.客户端动态添加行复制代码 代码如下:function btnAddRow(){ //行号是从0开始,最后一行是新增、删除、保存按钮行 故减去2 var rownum=$.length-2; var chk=""; var text=""; var sel="男女"; var row="

//删除除第一行外的所有行$("#table1 tr:not;//删除指定行$.remove();

"+chk+"

6.删除一列

"+text+"

//删除除第一列外的所有列$("#table1 tr th:not.remove();$("#table1 tr td:not.remove();//删除第一列$("#table1 tr td::nth-child;

"+sel+"

7.得到某个单元格的值

"+text+"

//设置table1,第2个tr的第一个td的值。$ td:nth-child;//获取table1,第2个tr的第一个td的值。$ td:nth-child;

"+text+"

8.插入一行:

"; $.insertAfter($("#table1 tr:eq; }12.客户端删除一行复制代码 代码如下:每次只能删除一行,删除多行时出错function btnDeleteRow.find("input[type='checkbox']").each{ if.attr{//不能删除行标题 $").remove;}这个比上面的要好,可以一下删除多个记录function btnDeleteRow.each{ var chk=$.find("input[type='checkbox']"); if!="checkall"){//不能删除标题行 if{ $; } } });}13.客户端保存复制代码 代码如下:function btnSaveClick方法中我暂时不知道如何设定多个筛选条件,所以下面得不到select列表的值 //$.find("input[type='text']" || "select").each{ //alert; $.find.each{ if.find.length>0){ alert.find.val.find { alert.find; } });}

//在第二个tr后插入一行$("插入3

插入

插入

插入

").insertAfter);

9、获取每一行指定的单元格的值

var arr = [];$("#table1 tr td:nth-child.each {arr.push;var result = arr.join;

10、全选或全不选

//方法一://全选或全不选 此传入的参数为event 如:checkAllfunction checkAll{ evt=evt?evt:window.event; var chall=evt.target?evt.target:evt.srcElement; var tbl=$; var trlist=tbl.find; for(var i=1;i11、客户端动态添加行、删除行function btnAddRow(){//行号是从0开始,最后一行是新增、删除、保存按钮行 故减去2var rownum=$.length-2;var chk="";var text="";var sel="男女";var row=""+chk+"

"+text+"

"+sel+"

"+text+"

"+text+"

";$.insertAfter($("#table1 tr:eq;}//客户端删除一行//每次只能删除一行,删除多行时出错function btnDeleteRow.find("input[type='checkbox']").each{if.attr//不能删除行标题{$").remove;}//这个比上面的要好,可以一下删除多个记录function btnDeleteRow.each{var chk=$.find("input[type='checkbox']");if!="checkall")//不能删除标题行{if{$;}//客户端保存function btnSaveClick方法中我暂时不知道如何设定多个筛选条件,所以下面得不到select列表的值//$.find("input[type='text']" || "select").each{//alert;$.find.each{if.find.length>0){alert.find.val.find{alert.find;}

.hover{ background-color:red;}

姓名

性别

密码

地址

张三

zhangsan

上海

李四

lisi

安庆

王五

beijing

北京

无名氏

wumingshi

上海

赵老师

zhaolaoshi

浙江

希望本文所述对大家jQuery程序设计有所帮助。

编辑:服务器运维 本文来源:澳门新濠3559第二个方法是取消样式功能,复制代

关键词: