JQuery对表格进行 *** 作的常用技巧总结

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').attr('checked',true)

})

3、复选框控制行的高亮显示

复制代码

代码如下:

$('tobdy>tr').click(function(){

if(

$(this).hasClass('selected')

){

//

判断是否有selected高亮样式

$(this).removeClass('selected')

.find(':checkbox').attr('checked',false)

}else{

$(this).addClass('selected')

.find(':checkbox').attr('checked',true)

}

})

4、表格内容筛选

复制代码

代码如下:

$(function(){

$('table

tbody

tr').hide()

.filter(":contains(李)").show()

})

$.post("Handler.ashx",{type:"addvoid",vote1:"1,1",vote2:"1,1,1,1,1",vote3:"1,1,1",state:"1"},function(msg){

if(msg=="1")

{

alert('投票成功!')

}

else

{

alert('投票失败！')

}

},"text")

通过post取数据

Handler.ashx为一般处理文件,你用aspx也一样，不过要删除aspx前台代码，然后response.write输出要的值

---