jquery中append，prepend，before和after方法的区别

append：在元素内部的最后面添加元素,作为子元素，如：

通过jquery代码$("div")append("<p>我是通过append添加的</p>");

得到的结果是

prepend：在元素内部的最前面添加元素,作为子元素，如：

通过jquery代码$("div")prepend("<p>我是通过prepend添加的</p>");

得到的结果是

before:在元素的前边，作为兄弟元素添加,如

通过jquery代码 $("base")before("<div>我是在前边添加的兄弟节点</div>");

得到的结果是

after:在元素的后边，作为兄弟元素添加,如

通过jquery代码 $("base")after("<div>我是在后边添加的兄弟节点</div>");得到的结果是

方法很多，比如:

1、依次按节点获取，比如$("input")find(xx)，xx就是你新追加在某个元素后面的元素。

2、apppnd("<div class='className'>content</div");

$("divclassName");

应该可以的,试一下live方法

live( type, fn )

jQuery 13中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。

目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。

还不支持 blur, focus, mouseenter, mouseleave, change, submit

与bind()不同的是，live()一次只能绑定一个事件。

这个方法跟传统的bind很像，区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说，如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时，对于这个新增加的li，其click事件依然可用。而无需重新给这种新增加的元素绑定事件。

live()与流行的liveQuery插件很像，但有以下几个主要区别：

live 目前只支持所有事件的子集，支持列表参考上面的说明。

live 不支持liveQuery提供的“无事件”样式的回调函数。live只能绑定事件处理函数。

live 没有"setup"和"cleanup"的过程。因为所有的事件是委派而不是直接绑定在元素上的。

要移除用live绑定的事件，请用die方法

返回值

jQuery

参数

type (String) : 一个或多个用空格分隔的事件名

fn (Function) : 欲绑定的事件处理函数

示例

点击生成的p依然据有同样的功能。

HTML 代码:

<p>Click me!</p>

jQuery 代码:

$("p")live("click", function(){

$(this)after("<p>Another paragraph!</p>");

});

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

$('body')append($('div')offset()top - $(window)scrollTop());

3、浏览器运行indexhtml页面，此时通过jquery获取到了页面div倒窗口顶部的距离。

$(function(){//相当天body的 onload，要等页页面加载完毕后才能找到iframe

 $("#hong")contents()find("body")append("I'm in an iframe!");

});

  </script>

  <iframe width="1198" height="729" name="hong" id="hong" src="" scrolling="no" style="text-align:center"></iframe>

以上就是关于jquery中append，prepend，before和after方法的区别全部的内容，包括:jquery中append，prepend，before和after方法的区别、jquery获取到最新追加 的那个元素 怎么获取到、jquery 里DIV对象用append得到了值怎么取时为空等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！