zoukankan      html  css  js  c++  java
  • jquery中的创建节点和添加节点的方法

    今天来说一下针对jquary关于创建节点和添加节点的方法,先来看看创建节点:

    1、直接添加节点内容即可

      $("div").append('<a href="http://www.baidu.com">百度一下</a>');

    2、可以创建jquary对象添加进去

    var $li=$('<a href="http://www.baidu.com">百度一下</a>');
     $("div").append($li)

    以上两种方法都是常用到的。

    接下来就看看如何添加节点:就拿这个简单的小例子说明一下

    1、append方法

    <body>
        <div>我是里面的div</div>
        <p>我是外面p</p>
    </body>
    
    <script>
        $(function(){
            $("div").append($("p"));//添加到元素内容的后面
        })
    </script>    

     2、prepend方法

    <body>
        <div>我是里面的div</div>
        <p>我是外面p</p>
    </body>
    
    <script>
        $(function(){
            $("div").prepend($("p"));//添加到元素内容的前面
    
        })
    </script>

     3、appendTo方法

    <body>
        <div>我是里面的div</div>
        <p>我是外面p</p>
    </body>
    
    <script>
        $(function(){
            $("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面
        
        })
    </script>

     

    4、prependTo方法

    <body>
        <div>我是里面的div</div>
        <p>我是外面p</p>
    </body>
    
    <script>
        $(function(){
           $("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面
        
        })
    </script>

     

    5、after方法

    <body>
        <div>我是里面的div</div>
        <p>我是外面p</p>
    </body>
    
    <script>
        $(function(){
           $("div").after($("p"));//添加到自己的后面
        
        })
    </script>

     6、before方法

    <body>
        <div>我是里面的div</div>
        <p>我是外面p</p>
    </body>
    
    <script>
        $(function(){
           $("div").before($("p"));//添加到自己的前面
        
        })
    </script>

     

    好了~以上便是添加节点的几个方法,都可以用,不过具体项目中可以根据情况来具体使用!

  • 相关阅读:
    字符串的全排列

    链表
    青蛙跳一格或者两格,n格跳法
    二叉树
    Concurrent实现原理
    sql语句总结 (转) http://blog.csdn.net/fengfeng91/article/details/15029173
    ArrayList实现原理
    java虚拟机 内存分配
    【转】关于Quartus ii无法识别Modelsim路径的问题
  • 原文地址:https://www.cnblogs.com/web001/p/8406998.html
Copyright © 2011-2022 走看看