JQuery對表格進行操作的常用技巧總結(jié)
更新時間：2014年04月23日 15:57:04 作者：
這篇文章主要介紹了JQuery對表格進行操作的常用技巧,需要的朋友可以參考下
1、表格奇數(shù)行和偶數(shù)行分別添加樣式
$(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、表格內(nèi)容篩選
$(function(){
$('table tbody tr').hide()
.filter(":contains(李)").show();
});
復制代碼 代碼如下:
$(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、表格內(nèi)容篩選
復制代碼 代碼如下:
$(function(){
$('table tbody tr').hide()
.filter(":contains(李)").show();
});
相關(guān)文章
這篇文章主要為大家詳細介紹了jQuery+ajax實現(xiàn)用戶登錄驗證，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
jquery dialog open后,服務(wù)器端控件失效的快速解決方法
本篇文章是對jquery dialog open后,服務(wù)器端控件失效的快速解決方法。進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了jQuery插件JWPlayer視頻播放器用法,結(jié)合實例形式分析了JWPlayer插件播放視頻的相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
jQuery實現(xiàn)的購物車物品數(shù)量加減功能代碼
這篇文章主要介紹了jQuery實現(xiàn)的購物車物品數(shù)量加減功能,涉及jQuery針對鼠標事件的響應及頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-11-11
JavaScript/jQuery、HTML、CSS 構(gòu)建 Web IM 遠程及時聊天通信程序
這篇文章主要介紹用JavaScript和jQuery、HTML、CSS以及用第三方聊天JavaScript（jsjac）框架構(gòu)建一個BS Web的聊天應用程序。此程序可以和所有連接到Openfire服務(wù)器的應用進行通信、發(fā)送消息。如果要運行本程序還需要一個聊天服務(wù)器Openfire2012-08-08
這篇文章主要介紹了jQuery Ajax中的事件詳細介紹,本文詳細的講解了AJAX的局部事件和全局事件、事件的順序等內(nèi)容,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了jQuery實現(xiàn)圖片漸入漸出切換展示效果,需要的朋友可以參考下2015-08-08
jquery插件uploadify實現(xiàn)帶進度條的文件批量上傳
這篇文章主要介紹了jquery插件uploadify實現(xiàn)帶進度條的文件批量上傳，感興趣的小伙伴們可以參考一下2015-12-12
jQuery實現(xiàn)異步獲取json數(shù)據(jù)的2種方式
這篇文章主要介紹了jQuery實現(xiàn)異步獲取json數(shù)據(jù)的2種方式,主要講述了$.getJSON方法與$.ajax方法,非常實用,需要的朋友可以參考下2014-08-08
功能強大的 jquery 表單驗證插件，適用于日常的 E-mail、電話號碼、網(wǎng)址等驗證及 Ajax 驗證，除自身擁有豐富的驗證規(guī)則外，還可以添加自定義的驗證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04