zoukankan      html  css  js  c++  java
  • jQuery对节点进行操作

    动态创建Dom节点

    jQuery中使用$(html字符串)来动态创建Dom节点,并且返回一个jQuery对象,可以调用append等方法将创建的节点添加到Dom中。

    例如:

            var link = $("<a href='http://www.baidu.com'>百度</a>");

            $("div:first").append(link);

    添加节点元素的方法:

    Append方法用来在元素的末尾追加元素(最后一个子节点)

    Prepend在元素的开始添加元素(第一个子节点)

    After:在元素之后添加元素(添加兄弟节点)

    Before:在元素之前添加元素(添加兄弟节点)

    子元素.appendTo(父元素):在元素的末尾追加一个子元素

    子元素.prependTo(父元素):在元素的开始追加一个子元素

    A.insertBefore(B)    A插入到B的前面,等同于B.before(A);

    X.insertAfter(B)   X插入到Y的后面,等同于Y.after(X);

     

     

    删除节点:

    Empty():清空该元素下的所有子节点

            等同于:while(ele.firstChild){ele.removeChild(ele.firstChild);}

    Remove(selectot);自杀;删除当前元素,返回值为被删除的元素,可以讲节点删除之后放到其他节点下面,有一个移动的效果,例如:

           var lis = $("#ulSite li").remove();

           $("#ulSite2").append(lis);

           

           

    Clone()克隆节点,支复制节点,不复制节点

    Clone(true):克隆节点带事件

     

     

    节点的替换:

    $("br").replaceWith("<hr/>");

    $("br").replaceAll("<hr/>");

     

     

    包裹节点

    Wrap()方法用来将所有的元素逐个用指定的标签包裹

    $("b").wrap("<font color='red'></font>");将所有粗体字红色显示

    wrapInner();在内部围绕

     

     

  • 相关阅读:
    泛型系列<9>:使用相应的泛型版本替换Hashtable
    泛型系列<2> 创建泛型类
    泛型系列<5>:链表的实现
    泛型系列<4>使用相应的泛型版本替换Stack和Queue
    泛型系列<8>:使用泛型创建只读集合
    Visual Studio统计有效代码行数
    C++11 现代C++风格的新元素(转)
    神秘海域:顶级工作室“顽皮狗”成长史(中)
    沸腾十五年TX
    为你解惑之WPF经典9问详解
  • 原文地址:https://www.cnblogs.com/hanwenhuazuibang/p/2983534.html
Copyright © 2011-2022 走看看