jQuery append()、prepend()和 after() 、before() 方法向元素插入或添加内容

来源:互联网 发布:淘宝货品拒收后怎么 编辑:程序博客网 时间:2024/05/14 05:56

jQuery append() 方法:

1.ele.append() 方法在被选元素的结尾插入内容(加入元素内部)。
如:
<body><p>这是一段文本。。.</p><button id="btn1">追加文本</button></body>
<script>$(document).ready(function(){  $("#btn1").click(function(){    $("p").append(" <b>Appended text</b>.");  });});</script>
输出:This is a paragraph. Appended text. 
注:appendTo()同上,只是和append在选择器和内容上的位置不同:$("<b> Hello World!</b>").appendTo("p");

2.ele.prepend() 方法在被选元素的开头插入内容(加入元素内部)。用法同append();

3.ele.before()  在元素前面加入内容(不在元素内),如:
$("button").click(function(){  $("p").after("<p>Hello world!</p>");});

4.ele.after() 用法同上。

0 0
原创粉丝点击