1. <html>
  2. <head>
  3.    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4.    <title>jQuery插入,复制、替换和删除节点</title>
  5. <script type="text/javascript" src="jquery-1.3.2.js"></script>
  6. <script type="text/javascript">
  7.    $(document).ready(function(){
  8.      //几种添加节点的方法
  9.     //$("p").append("<b>你好吗？</b>");//向p元素中追加《b》
  10.     //$("<b>你好吗？</b>").appendTo("p");//将《b》追加到p元素中
  11.     //$("p").prepend("<b>你好吗？</b>");//向p中前置《b》
  12.     //$("<b>你好吗？</b>").prependTo("p");//将《b》前置到p元素中
  13.     //$("p").after("<b>你好吗？</b>");//向p元素后插入《b》
  14.     //$("<b>你好吗？</b>").insertAfter("p");//将《b》插入到p元素后边
  15.     //$("p").before("<b>你好吗？</b>");//在p元素之前添加《b》
  16.     //$("<b>你好吗？</b>").insertBefore("p");//将《b》插入到p元素前面 
  17.  
  18.       //几种删除节点的方法
  19.     //var $li=$("ul li:eq(1)").remove();//删除ul节点中第2个元素节点
  20.     //$("ul").append($li);//把刚删除的元素节点从新添加到ul元素中去
  21.     //$("ul li").remove("li[title!=菠萝]");//将ul元素下title属性不等于"菠萝"的li元素删除
  22.     //$("ul li:eq(1)").empty();//清空ul节点下第2个li元素的内容 
  23.  
  24.     //复制节点
  25.    /* $("ul li").click(function(){
  26.      $(this).clone(true).appendTo("ul");//复制当前点击的节点，并将它追加到《ul》元素中，当添加参数时复制它的事件 
  27.  
  28.     });
  29.     */
  30.     //替换节点
  31.    // $("p").replaceWith("<strong>你最不喜欢的水果是？</Strong>");   
  32.  
  33.    });
  34. </script>
  35. </head>
  36. <body>
  37.    <p>你好！</p>
  38.    你最喜欢的水果是？
  39.    <ul>
  40.     <li title="苹果">苹果</li>
  41.     <li title="橘子">橘子</li>
  42.     <li title="菠萝">菠萝</li>
  43.     </ul>
  44. </body>
  45. </html>

jQuery:节点(插入,复制,替换,删除)操作的更多相关文章

  1. Javascript及Jquery获取元素节点以及添加和删除操作

    用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...

  2. 【数据结构】27、红黑树，节点插入，修复平衡操作总结（针对jdk8中hashmap冲突过多链表转红黑树）

    二叉树节点插入 0.如果只有一个节点,那么就直接作为根,涂黑,如果父为黑,或者祖父为空,那么不做操作 1.叔叔节点不为空且为红 那么就修改父,叔叔,祖父节点颜色,最后把当前节点设置为祖父节点,在进行平 ...

  3. linux shell 中的数组的取值 遍历 替换 删除操作

    引言 在Linux平台上工作,我们经常需要使用shell来编写一些有用.有意义的脚本程序.有时,会经常使用shell数组.那么,shell中的数组是怎么表现的呢,又是怎么定义的呢?接下来逐一的进行讲解 ...

  4. MongoDB中的映射，限制记录和记录拼排序 文档的插入查询更新删除操作

    映射 在 MongoDB 中,映射(Projection)指的是只选择文档中的必要数据,而非全部数据.如果文档有 5 个字段,而你只需要显示 3 个,则只需选择 3 个字段即可. find() 方法 ...

  5. JQuery --- 第五期 (JQuery节点操作)

    学习笔记 1.JQuery添加节点相关方法 <!DOCTYPE html> <html lang="en"> <head> <meta c ...

  6. vi--文本编辑常用快捷键之复制-粘贴-替换-删除

    这几天刚开始接触vi编辑器,慢慢开始熟悉vi,但是还是感觉诸多不便,比如说复制粘贴删除操作不能用鼠标总是感觉不自在,而且我一般习惯用方向键移动光标,更增加了操作的复杂度,今天在网上搜索了一下,vim编 ...

  7. jQuery 节点操作（创建 插入 删除 复制 替换 包裹）

    一,创建元素节点: 第1个步骤可以使用jQuery的工厂函数$()来完成,格式如下: $(html); $(html)方法会根据传入的HTML标记字符串,创建一个DOM对象,并将这个DOM对象包装成一 ...

  8. jQuery中的查找节点、创建节点、插入节点、删除节点、替换节点、复制节点操作方法

    jQuery操作节点我们可以分六点来讲,查找节点.创建节点.插入节点.删除节点.替换节点.复制节点. 一.查找节点 text() - 设置或返回所选元素的文本内容   ,html() - 设置或返回所 ...

  9. jquery插入,复制、替换和删除节点

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri ...

随机推荐

  1. effective c++ （二）

    条款04:确定对象使用前已先被初始化 1.由于 c part of c++而且初始化可能导致运行期成本,那么就不保证发生初始化:例如arry是c part of c++的部分从而不能保证初始化,而ST ...

  2. SNMP MIB中的含read-create节点的表的实现

    做过snmp/mib开发的知道,常见的节点类型一般只有no-accessible,read-only,read-write三种访问类型.snmp V2中引入了一种新的访问类型:read-create. ...

  3. 负载均衡SESSION同步总结

    1.redis/分布式文件存储系统/数据库 存储session,解决负载均衡集群中session不一致问题 http://www.cnblogs.com/painsOnline/p/5194851.h ...

  4. 浅析WINFORM工具条的重用实现

    一直以来,我都想看看别人家的工具栏重用(图1)到底是如何实现的,但在网上搜索了很久都没有找到过,即使找到一些程序,要么就是把这个工具栏写在具体的画面(图2),要么就是没有源代码的, 我在想,是否别人也 ...

  5. Correct thread terminate and destroy

    http://www.techques.com/question/1-3788743/Correct-thread-destroy Hello At my form I create TFrame a ...

  6. PostgreSQL中的AnyEnum例子

    建立函数: CREATE OR REPLACE FUNCTION enumtest(anyenum) RETURNS text AS $$ ::text; $$ LANGUAGE SQL; 建立enu ...

  7. linux的webserver配置与管理——创建用户个人主页

    本实验用的是RedHat linux9.0,在虚拟机上进行操作,它已具有相当完好的可视化界面,这样用户会更加easy接受和理解. 首先呢就是虚拟机的相关配置,这个就不说了,当我们安装完系统后,打开终端 ...

  8. C++ Primer 学习笔记_46_STL实践与分析（20）--容器特有的算法

    STL实践与分析 --容器特有的算法 与其它顺序容器所支持的操作相比,标准库为list容器定义了更精细的操作集合,使它不必仅仅依赖于泛型操作.当中非常大的一个原因就是list容器不是依照内存中的顺序进 ...

  9. [RDLC]报表根据字段列动态加载图片(二)

    参照:http://www.cnblogs.com/hcbin/archive/2010/03/26/1696803.html 改动地方value的值可以用报表的字段进行编辑. 效果:

  10. loading-show-hide

    https://github.com/eltld/loading-show-hide