zoukankan      html  css  js  c++  java
  • Jquery基础:append、prepend、after、before、appendTo的区别

    append() 是在被选元素的结束标签前面(即改被选元素的内部)插入指定内容。
    after() 是在被选元素的结束标签后面(即该被选元素的外部)插入指定的内容。
    appendTo() 仍然是在被选元素的结束标签前面(即改被选元素的内部)插入指定内容,只不过是jQuery函数的写法不太相同
    pretend()和before()的区别与append()和after()的区别是一样的,略。

    分析用的源码:

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
        <script type="text/javascript">
            $().ready(function(){
                $("#button1").click(function(){
                    $("span").append('<a href="#">append方法</a>');
                })
                $("#button2").click(function(){
                    $("span").after('<a href="#">after方法</a>');
                })
                $("#button3").click(function(){;
                    $('<a href="#">appendTo方法</a>').appendTo("span");
                })
            })
        </script>
    </head>
    <body>
            <span>JQuery的append、after、appendTo、pretend、before方法的区别</span>
            <button id="button1">append</button>
            <button id="button2">after</button>
            <button id="button3">appendTo</button>
            <p>要想看出区别,请F12看源码,右击不行</p>
    </body>
    </html>
  • 相关阅读:
    Django 前戏
    SQL基本语句
    如何正确安装Mysql
    JQuery
    解疑答惑—解决脱离标准文档流(恶心的浮动)
    事件
    卷基于快照进行恢复
    centos7下Firewall使用详解
    基于镜像卷启动的虚机快照代码分析
    nova卸载volume源码分析
  • 原文地址:https://www.cnblogs.com/ferron/p/4560336.html
Copyright © 2011-2022 走看看