本篇文章為大家展示了使用jQuery怎么對(duì)表格進(jìn)行增、刪、改操作，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)建站主要從事成都網(wǎng)站建設(shè)、成都做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)椒江,10多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):18982081108

jquery是什么

jquery是一個(gè)簡(jiǎn)潔而快速的JavaScript庫(kù)，它具有獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展、擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)，能夠用于簡(jiǎn)化事件處理、HTML文檔遍歷、Ajax交互和動(dòng)畫(huà)，以便快速開(kāi)發(fā)網(wǎng)站。

  
  
  
  
    $(document).ready(function() {
      //添加一行
      $("#one").click(function() {
        var $td = $("#trOne").clone();
        $("table").append($td);
        $("table tr:last").find("input").val("");
      });
      //刪除一行
      $("#two").click(function() {
        $("table tr:not(:first):last").remove();
      });
      //刪除所有行
      $("#three").click(function() {
        /*var len=$("tr").length;
        for(var i=0;i<=len;i++){
          $("tr")[i].remove();
        }*/
        //除第一行為其它行刪除
        $("tr:not(:first)").remove();
      });
      //刪除選中的行
      $("#four").click(function() {
        //遍歷選中的checkbox
        $("[type='checkbox']:checked").each(function() {
          //獲取checkbox所在行的順序
          n = $(this).parents("tr").index();
          $("table").find("tr:eq(" + n + ")").remove();
        });
      });
      //設(shè)置高亮行
      $("tr").mouseover(function() {
        $(this).css("background-color","red");
      });
      $("tr").mouseout(function(){
        $(this).css("background-color","white");
      });
    });
  


  
  
  
  
  
    
      
      
        
          
    
    
      
      
        
          
    
    
      
      
        
          
    
    
      
      
        
          
    
  

效果圖如下：

上述內(nèi)容就是使用jQuery怎么對(duì)表格進(jìn)行增、刪、改操作，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。