国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JQuery對表格進(jìn)行操作的常用技巧總結(jié)

2024-05-06 16:04:27
字體:
供稿:網(wǎng)友
這篇文章主要介紹了JQuery對表格進(jìn)行操作的常用技巧,需要的朋友可以參考下

1、表格奇數(shù)行和偶數(shù)行分別添加樣式

復(fù)制代碼 代碼如下:


$(function(){
$('tr:odd').addClass("odd");
$('tr:even').addClass("even");
});


不算表的頭部

復(fù)制代碼 代碼如下:


$(function(){
$('tbody>tr:odd').addClass("odd");
$('tbody>tr:even').addClass("even");
});


2、單選框控制行的高亮顯示

復(fù)制代碼 代碼如下:


$('tobdy>tr').click(function(){
$(this).addClass('selected')
.siblings().removeClass('selected')
.end() // 重新返回該對象
.find(':radio').attr('checked',true);
});


3、復(fù)選框控制行的高亮顯示

復(fù)制代碼 代碼如下:


$('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)容篩選

復(fù)制代碼 代碼如下:


$(function(){
$('table tbody tr').hide()
.filter(":contains(李)").show();
});

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 绥德县| 泰宁县| 伊宁县| 绵阳市| 万年县| 成都市| 龙游县| 泰州市| 巴林右旗| 淳安县| 宝坻区| 新余市| 泾源县| 龙川县| 鄂温| 舒城县| 旌德县| 廉江市| 新营市| 白山市| 祁连县| 金平| 鸡东县| 诏安县| 林口县| 泾源县| 清镇市| 当阳市| 江山市| 双鸭山市| 玛多县| 丹巴县| 芒康县| 天台县| 开平市| 潮安县| 余庆县| 双城市| 准格尔旗| 疏附县| 保山市|