zoukankan      html  css  js  c++  java
  • JQuery表格操作的常用技巧总结

    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{ www.jbxue.com
    $(this).addClass('selected') 
    .find(':checkbox').attr('checked',true); 

    }); 

    4、表格内容筛选 
    复制代码代码如下:

    $(function(){ 
    $('table tbody tr').hide() 
    .filter(":contains(李)").show(); 
    }); 
  • 相关阅读:
    Vue 02
    Vue 初识
    复杂数据类型之函数 对象
    Collections工具类
    遍历集合的方法总结
    使用Iterator迭代器遍历容器元素(List/Set/Map)
    TreeSet的使用和底层实现
    HashSet基本使用
    HashSet底层实现
    TreeMap的使用和底层实现
  • 原文地址:https://www.cnblogs.com/linuxnotes/p/3684428.html
Copyright © 2011-2022 走看看