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>

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

转载于:https://www.cnblogs.com/web001/p/8406998.html

jquery中的创建节点和添加节点的方法相关推荐

js创建节点、添加节点
创建节点:document.createElement("li") 在后面添加节点:node.appendChild(child) node父级 child 子级在前面添加节点: ...
oracle单节点加入rac,实验：Oracle单节点RAC添加节点
环境:RHEL 6.5 + Oracle 11.2.0.4 单节点RAC 需求:单节点RAC添加新节点 1.添加节点前的准备工作参考Oracle官方文档: Oracle® Clusterware A ...
java dom添加节点_java用dom更新xml的有关问题，如何在子节点上添加节点
java用dom更新xml的问题,怎么在子节点下添加节点? 有原始xml如下: 我想要得到修改后的结果为: 我的代码为: public static void main(String[] args) ...
MFC中动态创建button及添加响应事件
MFC中动态创建button及添加响应的事件,主要步骤如下: 1.在头文件(**Dlg.h)中添加一个CButton类型, 例如:CButton btn; 2.在(**Dlg.cpp)的OnIn ...
通示jQuery实例方法，未DOM对象添加多个方法
<script type="text/javascript">/** 通示jQuery实例方法,未DOM对象添加多个方法* 用按钮做多个事件的调用*/(function ...
C# xml文件的创建,修改和添加节点。
最近在做一个项目,设计到xml文件的传输,所以就研究了一下. ,.NET Framework完全支持XML DOM模式,但它不支持SAX模式..NET Framework支持两种不同的分析模式:XML ...
JS节点操作（2）- 创建节点，添加节点，删除节点，复制节点
节点操作 1. 创建节点 document.createElement() 2. 添加节点 2.1 node.appendChild(child) 添加到子元素数组的末尾 <body>&l ...
前端学习笔记之创建节点与添加节点案例
发布留言案例实现一.案例分析二.实现过程三.完整代码一.案例分析核心思路:点击按钮之后,就动态创建 li,添加到 ul 里面: 创建 li 的同时,把文本域里面的值通过 li.innerHT ...
Linux C 链表（新建节点、添加节点）
代码: 1 #include <stdio.h>2 #include <stdlib.h>3 4 struct node //结构体5 {6 int data;7 struct ...

jquery中的创建节点和添加节点的方法

jquery中的创建节点和添加节点的方法相关推荐

最新文章

热门文章