zoukankan      html  css  js  c++  java
  • jQuery文档处理

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <input id="t1" type="text"/>
        <input id="t2" type="button" value="添加">
        <input id="t3" type="button" value="删除">
        <input id="t4" type="button" value="复制">
    
    
        <ul id="ul">
            <li>1</li>
            <li>2</li>
        </ul>
        <script src="jquery.js"></script>
        <script>
            $('#t2').click(function () {
                var v=$('#t1').val();
    
                var tem = "<li>"+ v +"</li>"
                //最后追加数据
                $('#ul').append(tem)
                //最前面插入数据
                // $('#ul').prepend(tem)
                //最外层加入数据
                // $('#ul').after(tem)
                // $('#ul').before(tem)
    
            })
            $('#t3').click(function () {
                var index = $('#t1').val();
                //删除
                // $('#ul li').eq(index).remove();
                $('#ul li').eq(index).empty()
    
            })
            $('#t4').click(function () {
                var index = $('#t1').val();
                //克隆
                var v = $('#ul li').eq(index).clone();
                $('#ul').append(v);
    
    
            })
        </script>
    </body>
    </html>

                文档处理:
                    append
                    prepend
                    after
                    before
                    remove
                    empty                
                    
                    clone

  • 相关阅读:
    ongene database
    Question: Database Of Tumor Suppressors And/Or Oncogenes
    很不错的python 机器学习博客
    肿瘤细胞新抗原
    Apollo和分布式配置
    Spring Boot2.0之 整合XXL-Job
    XXL-Job高可用集群搭建
    eclipse修改端口启动多个tomcat
    XXL-Job路由策略
    分布式任务调度平台XXL-Job集群版搭建
  • 原文地址:https://www.cnblogs.com/anhao-world/p/14411940.html
Copyright © 2011-2022 走看看