jQuery动态自定义添加删除选项卡

1、新建html文档。

4、书写css代码。.full, .full-modify { display: none; position: relative; position: fixed; width: 100%; top: 0; left: 0; height: 100%; background: rgba(0,0,0,0.1) }.full-wrap { height: 415px; width: 530px; border: 1px solid #ccc; background: #fff; text-align: center; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; border-radius: 15px; text-align: left; }.full-top { width: 100%; height: 45px; background: #3C6FF0; text-align: left; font-weight: bold; color: #fff; border-radius: 10px 10px 0 0; line-height: 45px; }.full-top img { vertical-align: middle; width: 20px; margin-left: 15px; margin-right: 5px }.full-top span { float: right; margin-right: 15px; font-weight: bold; cursor: pointer }.full-content { width: 100%; height: 240px; }.full-inp, .full-modi { margin: 20px 15px; width: 90%; height: auto; color: #000; line-height: 40px; }.full-inp span, .full-modi span { font-size: 14px }.full-inp input, .full-modi input { margin: 0 10px; height: 28px; width: 70%; }.full-inp textarea, .full-modi textarea { height: 210px; margin: 0 10px; word-wrap: break-word; font-size: 14px; width: 70%; }.full-inp botton, .full-modi botton { background: #3DA5FB; border-radius: 2px; box-shadow: 0 0 2px #3DA5FB; padding: 12px 23px; color: #fff; font-size: 13px; cursor: pointer; clear: both; }

6、代码整体结构。