zoukankan      html  css  js  c++  java
  • append & appendTo usage on jquery

    append & appendTo is an pair method,it is an opposite method
    e.g
    $("div").append("xx");
    put xx to all mached div

    $("xx").appendTo("div")
    move xx element into all matched div,caution:xx must be element



    reference
    http://www.phpzixue.cn/detail1017.shtml
    jquery中的append和appendTo函数的用法简介:
    1. append(content)函数
    append函数向每个匹配的元素内部追加内容。
    这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
    js代码:
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("p").append("<b>Hello php自学网</b>");
    })
    </script>
    HTML代码
    <p>I would like to say: </p>
    将返回[ <p>I would like to say: <b>Hello php自学网</b></p> ]
    2. appendTo(content)函数
    appendTo函数把所有匹配的元素追加到另一个、指定的元素元素集合中。
    实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
    js代码
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("p").appendTo("#foo");
    })
    </script>
    HTML代码
    <p>I would like to say: </p><div id="foo"></div>
    将返回:<div id="foo"><p>I would like to say: </p></div>


  • 相关阅读:
    css引入讲解及media
    css中的media
    IE6存在的一些兼容
    Eclipse 反编译插件JadClipse安装
    JavaScript 常用功能总结
    241个jquery插件—jquery插件大全
    javascript深入理解js闭包
    JS拖拽插件实现步骤
    JavaScript拖拽原理的实现
    js实现拖拽效果
  • 原文地址:https://www.cnblogs.com/lexus/p/1744244.html
Copyright © 2011-2022 走看看