支持的方法

• 测试0 html & text
• 测试1
• 测试2
• 测试3
• 测试4 a标签 span
• 测试5

var list = $("#list"), 
    first = list.children().first(),
    bef_aft = list.children().eq(3),
    emp = list.children().eq(4);

$('.html').on('click',function(){ alert( first.html() ); });   
$('.text').on('click',function(){ alert( first.text() ); });   
$('.eq').on('click',function(){ alert( list.children().eq(2).text() ); });   
$('.after').on('click',function(){ bef_aft.append( '<li>new appender <a href="javascript:;" class="del">删除</a></li>' ) });   
$('.before').on('click',function(){ bef_aft.before( '<li>new appender <a href="javascript:;" class="del">删除</a></li>' ) });   
$('.append').on('click',function(){ list.append( '<li>new appender <a href="javascript:;" class="del">删除</a></li>' ) });   
$('.prepend').on('click',function(){ list.prepend( '<li>new appender <a href="javascript:;" class="del">删除</a></li>' ) });   
$(document).on('click','.del',function(){ $(this).parent().remove() });

$('.empty').on('click',function(){ emp.empty(); });
$('.html-in').on('click',function(){ emp.html( prompt('html 输入: ') ); });   
$('.text-in').on('click',function(){ emp.text( prompt('text 输入: ') ); });