jQuery——动态给表格添加序号

$(function(){        //$('table tr:not(:first)').remove();        var len = $('table tr').length;        for(var i = 1;i

原始代码

         
     
              
       
        
序号
        
项目
       
               
        
        
Port
       
               
        
        
Port
       
               
        
        
Port
       
               
        
        
Port
       
               
        
        
Port
       
               
        
        
Port
       
               
        
        
Port
       
               
        
        
Port
       
          
     

 

变成

         
     
              
       
        
序号
        
项目
       
               
        
1
        
Port
       
               
        
2
        
Port
       
               
        
3
        
Port
       
               
        
4
        
Port
       
               
        
5
        
Port
       
               
        
6
        
Port
       
               
        
7
        
Port
       
               
        
8
        
Port
       
          
     

 

Jquery工作常用实例--ajaxStart与ajaxStop(ajaxComplete)

("#loading").ajaxStart(function(){  $(this).show(); //callback })：当一个当Ajax请求开始时将把id为"loading"的内容显示；("#loading").ajaxStop(function(){  $(this).hide(); //call })：当一个当Ajax请求结束时将把id为"loading"的内容隐藏；

 

 

jQuery判断展示的元素，并获取显示元素数据

// 获取显示元素的数据　　jQuery(this).find("a:visible").attr("href");// 多级标签选择器　　jQuery("#slider").click(function(){ var rel = jQuery(".nivo-controlNav a.active").attr("rel"); location.href = jQuery(this).find("a").eq(rel).attr("href"); });　　// 判断元素是否显示 $(document).ready(function(){ if($("#mydiv").is(":visible")==false){ alert("Hidden"); }else{ alert("Display"); } });

 

如何判断jquery选择器选择结果为空

$("#id").length这样就可以通过这样判断是否存在符合选择器条件的内容存在了

 

Jquery判断当前点击在表格的第几行第几列  

$(document).ready(function(){          $(".mytable td").click(function(){              var tdSeq = $(this).parent().find("td").index($(this)[0]);              var trSeq = $(this).parent().parent().find("tr").index($(this).parent()[0]);                alert("第" + (trSeq + 1) + "行，第" + (tdSeq + 1) + "列");          });      })

jquery table 增加两行,删除两行,并且有跨行rowspan

 

//先删除当前行的下面的一行      $(obj.parentNode.parentNode).next().remove();       //然后再删除当前行      $(obj.parentNode.parentNode).remove();

 

区间代码 获取序号2-5之间的数

     
      
1
      
2
      
3
      
4
      
5
      
6
     
$("li:lt(5)").filter(":gt(2)").prependTo('ul');$("li:lt(5):gt(2)").prependTo('ul');

 

jQuery 获取当前节点的html包含当前节点的方法

     
      
hello，你好！
     
输出结果为：
     
      
hello,你好！
     

jQuery 追加元素的方法

append() 方法在被选元素的结尾插入内容。prepend() 方法在被选元素的开头插入内容。after() 方法在被选元素之后插入内容。before() 方法在被选元素之前插入内容。

 

jquery版本之间的冲突

 

 table

获取table最后一行 $("#tab tr:last")获取table第一行 $("#tab tr").eq(0)获取table倒数第二行 $("#tab tr").eq(-2)获取table总行数 $("#tab").find("tr").length

　　

 

jquery 屏蔽一个区域内的所有元素，禁止输入

　　

除了某个元素 not

$(".r_options_title").click(function(){                $(this).parents("li").enable();                $(".r_options_title").not(this).parents("li").disable();            });