Jquery实现类别的动态选择与删除

最新推荐文章于 2019-07-21 17:32:44 发布

colourrain

最新推荐文章于 2019-07-21 17:32:44 发布

阅读量440

点赞数

分类专栏： Jquery Bootrap 文章标签： jquery live on 动态移动

本文链接：https://blog.csdn.net/colourrain/article/details/43376893

版权

本文介绍了如何使用jQuery实现类别的动态选择与删除功能。通过Bootrap的label, panel 和 glyphicon样式，配合jQuery的on方法处理动态添加的元素。特别强调了在jQuery1.7后，live方法被移除，需要使用on方法并结合$(document)来监听动态生成的节点的点击事件。" 111757362,9909189,Python实现最小二乘法回归性检测,"['Python', '数据科学', '统计模型', '机器学习', '线性回归']

摘要由CSDN通过智能技术生成

用jquery实现角色的动态选择与删除。效果如下图。利用了Bootrap的label, panel 和glyphicon样式。

第一步：实现页面的显示

<div class="panel panel-default">
//选中的角色
<div class="panel-heading panel-info">
<span style="white-space:pre">	</span><ul id="selectrole" class="list-inline">
<span style="white-space:pre">		</span><li><span class="label label-success">selected</span><span
<span style="white-space:pre">			&l