您好,欢迎来到学长源码!
热门推荐: html模板 网站模板 magento主题 织梦模板 微信小程序 h5小游戏 Linux教程 源码教程 数据库教程 Magento 2文档 android教程 IOS教程 DedeCMS文档 微信开发

JSP源码

C#源码

企业网站

jQuery实现向ul动态添加li新元素的实例代码

分类:JavaScript教程 来源:网络收集 发布:学长源码 时间:2017-12-26

jQuery实现向ul动态添加li新元素的实例代码。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>www.xz-src.com jQuery实现向ul动态添加li新元素的实例代码</title>
<script src="jquery-1.7.2.min.js"></script>
</head>
<body>
<h3>li列表:</h3>
<ol>
    <li>xz-src</li>
    <li>php</li>
    <li>javascript</li>
    <li>HTML5</li>
</ol>
<input type="text" id="text">
<input type="button" id="btn" value="添加">
<script type="text/javascript">
 $(function () {
    $('#btn').click(function () {
      $('ol').append('<li>'+$('#text').val()+'</li>');
    });
});
</script>
</body>
</html>

转载请注明:学长源码 » jQuery实现向ul动态添加li新元素的实例代码

上一篇 下一篇

图文推荐