jquery随意添加移除html的实现代码

时间:2011-06-21    点击:114   
html代码:
复制代码 代码如下:

<ul id="list3" class="eventlist">
<li>plain</li>
<li class="special">special <button>I am special</button></li>
<li>plain</li>
</ul>

script代码:
复制代码 代码如下:

function addRemoveItemNS() {
var $newLi = $('<li class="special">special and new <button class="addone">I am new</button> <button class="removeme">remove me</button></li>');
$('#list3 li.special')
.find('button.addone')
.unbind('click.addit')
.bind('click.addit', function() {
$(this).parent().after($newLi);
addRemoveItemNS();
})
.end()
.find('button.removeme')
.unbind('click.removeit')
.bind('click.removeit', function() {
$(this).parent().remove();
});
}
$(document).ready(function() {
addRemoveItemNS();
});

可以随意添加移除html代码。
修改好的jquery滚动字幕效果实现代码
javascript温习的一些笔记 基础常用知识小结
jquery加载页面的方法(页面加载完成就执行)
jquery一般方法介绍 入门参考
jquery操作select option 的代码小结
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved