jQuery谓表之作。Tynam。.Yang


发表时间: 2019-06-20 07:33:00 浏览量: 33 文章来源: 独家收藏


主要是通过对DOM元素的增加和删除实现对数据增加和删除

  1  <!DOCTYPE html >   2  < html lang =“en” >   3    4  < head >   5      < meta charset =“UTF-8” >   6      < meta name =“viewport” content =“width = device-width,initial-scale = 1.0 “ >   7      < meta http-equiv =”X-UA-Compatible“ content =”ie = edge“ >   8      < title > Document <     script src =“jquery-3.4.1.js” > </ script > 10      < style type =“text / css” > 11          * { 12              margin 0 ; 13              填充0 ; 14          } 15  16          a { 17              text-decoration none ; 18          } 19  20          输入{ 21              outline none ;22              字体大小16px ; 23              盒尺寸边框; 24              边框aliceblue solid .5px ; 25          } 26  27          体{ 28              边距30px auto ; 29              宽度510px ; 30          } 31  32          .btn { 33              宽度80px ; 34              高度30px ; 35              位相对; 36              左380px ; 37              margin-bottom 10px ; 38          } 39  40          .btn按钮{ 41              宽度80px ; 42              高度30px ; 43              背景#3ca7ed ; 44              色aliceblue ; 45             font-size 16px ; 46              outline none ; 47              border-style none ; 48          } 49  50          .btn按钮:悬停{ 51              background #0a84d4 ; 52          } 53  54          table { 55              border solid aliceblue 1px ; 56              边界崩溃崩溃; 57          } 58 59          .code         ,60          .name,61  .sex,62          .grader,63          .del a,64          input { 65              width 100px ; 66              高度30px ; 67              线高30px ; 68              padding-left 5px ; 69          } 70  71          tbody tr:nth-child(even){ 72              背景aliceblue ; 73          } 74  75          .header { 76              背景#3ca7ed ; 77              色aliceblue ; 78          } 79  80          .del a { 81              text-align right ; 82              padding-right 5px ; 83              色#3ca7ed ; 84          } 85  86          .opr a { 87             font-size 16px ; 88              色#3ca7ed ; 89              margin-left 10px ; 90          } 91      </ style > 92  93      < style > 94          / * 删除/添加* / 95          .dialog,96          .add-dialog { 97              display none ; 98              保证金0自动; 99              宽400px ; 100              高度150px ; 101              位置绝对; 102              顶部150px ; 103              背景aliceblue ; 104              text-align center ; 105              行高65px ; 106              字体大小18px ; 107          } 108  109          .add-dialog { 110             身高270px ; 111          } 112  113          .add-dialog div { 114              height 40px ; 115          } 116  117          .add-dialog div输入{ 118              宽度200px ; 119              填充10px ; 120              保证金10px ; 121          } 122  123          .dialog .header,124          .add-dialog .header {125              背景#3ca7ed ; 126              色aliceblue ; 127              高度35px ; 128              text-align left ; 129              padding-left 10px ; 130              行高35px ; 131          } 132  133          .dialog按钮,134。         添加对话框按钮{ 135              显示内联块;136              宽度50px ; 137              高度30px ; 138              背景#3ca7ed ; 139              概述; 140              色#f9f9f9 ; 141              border-style none ; 142              位置绝对; 143              底10px ; 144              右10px ;145          } 146  147          .dialog按钮:悬停,148。         添加对话框按钮:悬停{ 149              background #3ca7ed ; 150              ; 151          } 152  153          #confirm { 154              right 75px ; 155          } 156      </ style > 157  158      < script > 159 <


文章对我是否有用?



上一篇:盖亦然良(一)一简之极试(在定中)



ICP备14006799号 Copyrigh ©1997-2018 新音网 版权所有