原生JS和JQuery动态添加、删除表格行的方法

原生JS和JQuery动态添加、删除表格行的方法

更新时间：2015年05月28日 15:30:56 作者：jayqean

这篇文章主要介绍了原生JS和JQuery动态添加、删除表格行的方法,涉及javascript针对页面元素的动态操作技巧,需要的朋友可以参考下

本文实例讲述了原生JS和JQuery动态添加、删除表格行的方法。分享给大家供大家参考。具体分析如下：

下面HTML代码作用：提交一个表单，将复选框的值提交（复选框的值等于后面的文本框，复选框和文本框处在同一行，可以动态添加和删除）。

原生态JS版：

  
 
 
 
 
 
 
  
 
  
全部选择
 
  
 
   允许发送地址 
   添加新地址 
  
 
  
 
  
 
  
 
    
  
 
  
mailfrom@gmail.com
 
  
 
  
 
  
 
    
  
 
  
 
 
 
 
 
 

JQuery版：

 
 
 
 
 
 
 
 
  
 
  
全部选择
 
  
 
   允许发送地址 
   添加新地址 
  
 
  
 
  
 
  
 
    
  
 
  
mailfrom@gmail.com
 
  
 
  
 
  
 
    
  
 
  
 
 
 
 
 
 

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

js无法删除浏览器Cookie

不知道能不能解决你的问题,但是我来说说我的经历，昨天在用Yii做项目是删除js 的cookie是遇到了问题在一个页面生成的cookie时只能

在同一个页面删掉,在另一个页面死活删不掉,凭着哥执着的性格，哥折腾到12点，结果还是没解决，坑爹啊！！后来我看到下面这篇文章

后,才知道原来是cookie路径的问题，然后通过火狐自带的查看

cookie功能查看到无法删掉的那个

cookie文件的路径,然后在删除cookie时将cookie的路径加了进去果然删除掉了。

但是，正当我沾沾自喜时,准备换个浏览器试下，坑姐夫呢！这是！！！，360极速浏览器怎么还是删不掉cookie，蛋疼啊！最后通过360极

速浏览器自带的查看cookie功能发现他设置的cookie路径和火狐不同,最后改了改删除cookie的函数，终于两个浏

览器都可以删除了,噩梦终于结束了。附上我删除cookie的函数最终版！虽然不太严谨 function deleteMyCookie2(name) {

var date = new Date();

date.setTime(date.getTime()-10000); //删除一个cookie，就是将其过期时间设定为一个过去的时间

document.cookie = name + "= ' ' " + "; expires=" + date.toUTCString()+";path="+"火狐上显示的cookie路径";

document.cookie = name + "= ' ' " + "; expires=" + date.toUTCString()+";path="+"ie和360上显示的cookie路径";

这个函数之所以可以成功解决ie、360极速、火狐的兼容，是因为蓝色字体的每一句对不同的浏览器来说都是正确的，且由于路径不同的

cookie尽管名字相同但是不会相互覆盖，所以刚好解决了兼容问题。

最后我总结最好的办法就是设置cookie是就把cookie的路径设置上，然后删除的时候用同样的路径就不存在兼容的问题了。