jQuery动态生成表格及右键菜单功能示例

本文实例讲述了jQuery动态生成表格及右键菜单功能。分享给大家供大家参考，具体如下：

这里用的是 jquery 1.4.1 的库文件，具体代码如下：

  
  
  
  
    #tbAdd{ 
    }
    #tbAdd tr td{ height:30px;
    text-align:center;
    }
    #tbAdd thead tr th{ width:90px;
height:30px;
text-align:center;
    }
    #addForm input[type=text]{ margin-bottom:8px;
    width:150px;
    }
    #contextMenu{ width:150px;
    padding:5px 0px 5px 5px;
    line-height:24px;
    background-color:#F0F0F0;
    position:absolute;
    display:none;
    }
    #contextMenu ul{ margin:0px;
    }
    #contextMenu li{ margin:0px;
      margin-left:-15px;
      float:left;
      width:100%;
      list-style-type:none;
    }
    #contextMenu li a{ text-decoration:none;
padding:5px 0px 5px 12px;
display:block;
color:#282828;
    }
  



  

    

      

 
编号
CPU
主板
内存
硬盘
      
    
  
  

  
    CPU：

    主板：

    内存：

    硬盘：

    

  
  
    

      
添加信息
      
删除信息
      
修改信息
      
保存信息
    
  

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery表格(table)操作技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。