国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表

圖片精選

主站蜘蛛池模板: 泰宁县| 腾冲县| 北宁市| 历史| 保德县| 抚宁县| 隆子县| 清远市| 乌拉特后旗| 厦门市| 阿克苏市| 双峰县| 正宁县| 东城区| 衡阳县| 长沙市| 永顺县| 盐城市| 汪清县| 满洲里市| 鱼台县| 左云县| 土默特右旗| 基隆市| 老河口市| 腾冲县| 巢湖市| 互助| 肇庆市| 保山市| 阿克苏市| 应用必备| 岳普湖县| 靖边县| 石泉县| 宜昌市| 玉屏| 从化市| 顺义区| 会昌县| 米林县|